HWUI帮助文档
适用于版本为:Preview 1.1.0的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
十方