HWUI帮助文档

适用于版本为:Preview 1.1.1的HWUI

前言
欢迎您使用HWUI,这里是HWUI的帮助文档。HWUI全称为HiSuperWan UI,通常适用于网站(Web)中。本项目为开源项目,请自觉遵守开源协议,您的配合会让开源社区更好!改帮助文档为最新版本。
注意
您可以修改css当中":root"中的变量用于设置主题颜色,修改js当中动画逻辑等。但不允许修改js文件中的load函数 (内包含了创作者的信息),谢谢您的配合!

按钮(Button)

基础的一个组件,最常用的组件。

您可以使用<hw-button>来添加此元素

基础用法

普通的按钮

通过设置color属性来更改样式

normal(默认) red green blue yellow

开关(Switch)

基础的一个组件,在设置中最常见。

您可以使用<hw-switch>来添加此元素

基础用法

在JS中您可以使用hw-switch.active获取开关状态 获取active

输入框(Input)

基础的一个组件,人机交互的基础。

您可以使用<hw-input>来添加此元素

基础用法

一个普通的输入框

设置type实现不同类型的输入方式

text password number
在JS中您可以使用hw-input.value获取开关状态
测试输入框 获取value

列表(List)

可以互动的列表,例如上下开开关关~

您可以使用<hw-list>来添加此元素

基础用法

藏起来的小元素一号awa
藏起来的小元素二号qwq
藏起来的小元素三号LoL
在JS中您可以使用hw-list.active获取开关状态,或者使用hw-list.active = true等设置属性。 更改列表开关 获取列表开关

卡片(Card)

正如您所见,这就是一个卡片。

您可以使用<hw-card>来添加此元素

信息弹窗(MessageBox)

使用JS触发,用于打断用户操作,使用户阅读弹窗内容或做出选择。

语法

HWMessageBox.alert("主体内容","标题内容","按钮内容",function(result){}); //第四参数为回调函数,当用户完成当前对话时执行 //result返回用户点击的元素:如果点击普通按钮为"button",关闭按钮为"close" 文字弹窗(无标题) 文字弹窗(带标题) 激活HTML弹窗

开发人员

HiSuperWan

十方