代码拉取完成，页面将自动刷新
wuss-weapp 是一款高质量，组件齐全，高自定义的三方 UI 组件库
npm install wussweapp --save
OpenHarmony npm环境配置等更多内容，请参考 如何安装OpenHarmony npm包 。
功能介绍：显示多段步骤，并在步骤上赋予不同的状态
使用样例：
//wSteps.hml
<div class="container">
<w-pane title="Steps" desc="步骤条"></w-pane>
<w-pane desc="Default">"</w-pane>
<w-steps bindcomplete="complete"
current="{{ current }}"
steps="{{ steps }}"
></w-steps>
<w-button @event-type1="setCurrent" size="small" type="info">下一步</w-button>
<w-pane desc="vertical"></w-pane>
<w-steps
current="{{ current }}"
steps="{{ steps }}"
direction="vertical"
></w-steps>
<w-pane desc="error"></w-pane>
<w-steps current="2" steps="{{ steps2 }}"></w-steps>
<w-pane desc="dot"></w-pane>
<w-steps current="2" type="dot" steps="{{ steps2 }}"></w-steps>
</div>
//wSteps.js
export default {
data: {
current: 0,
steps: [
{
title: '步骤一',
desc: '描述一',
},
{
title: '步骤二',
desc: '描述二',
},
{
title: '步骤三',
desc: '描述三',
},
],
steps2: [
{
title: '步骤一',
},
{
title: '步骤二',
},
{
title: '步骤三',
status: 'error',
},
],
},
setCurrent() {
this.current= (this.current+1)%4
},
complete(e) {
console.log('complete', e.detail.step);
},
}
属性说明：
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| steps | 步骤数组 | array | - |
| type | 类型数组型 number 点状型 dot | string | number |
| direction | 横向和竖向'vertical'|'horizontal' | string | horizontal |
| current | 指定当前步骤，从 0 开始记数。 | number | - |
功能介绍：手风琴可以显示/隐藏对应子元素
使用样例：
//wAccordion.hml
<div class="container">
<w-pane title="Accordion" desc="手风琴"></w-pane>
<w-pane desc="Default"></w-pane>
<w-accordion-group @on-change="onChange"
accordion-name="accordion1"
active-key="{{ [0, 1] }}"
@disabled-tap="disabledClick">
<w-accordion accordion-name="accordion1" title="Wuss WeAPP 1" key="你好">
<text>
<span> content 1</span>
</text>
</w-accordion>
<w-accordion accordion-name="accordion1" title="Wuss WeAPP 2" key="{{ ['你好'] }}">
<text>
<span> content 2</span>
</text>
</w-accordion>
<w-accordion
accordion-name="accordion1"
disabled="true"
title="Wuss WeAPP 3"
key="我是被禁用的"
></w-accordion>
<w-accordion accordion-name="accordion1" title="Wuss WeAPP 4" key="{{ { say : '你好' } }}">
<text>
<span> content 4</span>
</text>
</w-accordion>
</w-accordion-group>
<w-pane desc="Accordion = true"></w-pane>
<w-accordion-group
@on-change="onChange"
accordion="true"
active-key="{{ [0, 1] }}"
@disabled-click="disabledClick"
accordion-name="accordion2"
>
<w-accordion title="Wuss WeAPP 1" key="你好" accordion-name="accordion2">
<text>
<span> content 1</span>
</text>
</w-accordion>
<w-accordion title="Wuss WeAPP 2" key="{{['你好']}}" accordion-name="accordion2">
<text>
<span> content 2</span>
</text>
</w-accordion>
<w-accordion
accordion-name="accordion2"
disabled="true"
title="Wuss WeAPP 3"
key="我是被禁用的"
></w-accordion>
<w-accordion title="Wuss WeAPP 4" key="{{ {say:'你好'} }}" accordion-name="accordion2">
<text>
<span> content 4</span>
</text>
</w-accordion>
</w-accordion-group>
</div>
功能介绍：提供card标准布局
使用样例：
//wCard.hml
<div class="container">
<w-pane title="Card" desc="卡片"></w-pane>
<w-pane desc="Slot"></w-pane>
<w-card
loading="{{ loading }}"
title="标题"
extra="副标题"
content="内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区"
footer="底部信息"
footer-extra="底部副标题"
></w-card>
<div style="margin : 20px 0;">
<w-cell-group>
<w-cell label="开启loading">
<w-switch color="#ff9900" slot="content" @on-change="handleChange"></w-switch>
</w-cell>
</w-cell-group>
</div>
<w-pane desc="Full"></w-pane>
<w-card
full="true"
shadow="false "
title="标题"
extra="副标题"
content="内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区内容区"
footer="底部信息"
footer-extra="底部副标题"
></w-card>
<w-pane desc="Slot"></w-pane>
<w-card>
<div
slot="title"
class="w-card-title"
>
<text>
<span>标题</span>
</text>
</div>
<div
slot="extra"
class="w-card-extra"
>
<text>
<span>副标题</span>
</text>
</div>
<div
slot="content"
class="w-card-content"
>
<text>
<span>内容区内容区内容区内容区内容区内容区内容区内容区</span>
</text>
</div>
<div
slot="footer"
class="w-card-footer"
>
<text>
<span>底部</span>
</text>
</div>
<div
slot="footer-extra"
class="w-card-footer-extra"
>
<text>
<span>底部extra</span>
</text>
</div>
</w-card>
</div>
属性说明：
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| full | 通栏模式 | boolean | - |
| title | 头部标题 | string | - |
| extra | 头部副标题 | string | - |
| content | 内容区信息 | string | - |
| footer | 底部标题 | string | - |
| footer-extra | 底部副标题 | string | - |
| shadow | 开启卡片阴影 | boolean | true |
| loading | 进入loading模式 | boolean | false |
| loading-index | 进入loading模式骨架的z-index层级 | number | - |
回调事件：
| 事件名 | 说明 | 参数 |
|---|---|---|
| @on-hd-click | header被点击回调 | - |
| @on-bd-click | body被点击回调 | - |
slot插槽：
| 名称 | 说明 |
| content | 内容区信息 |
| footer | 底部标题 |
| footer-extra | 底部副标题 |
| title | 头部标题 |
| extra | 头部副标题 |
功能说明：弹出元素显示
使用样例：
//wPopup.hml
<div class="container">
<w-pane title="Popup" desc="弹出层"></w-pane>
<w-pane desc="Position"></w-pane>
<w-button type="info" @event-type1="handleClick1">Top</w-button>
<w-popup visible="{{ popup1 }}"
position="top"
height="50%"
@on-close="handleClose">
<div class="scroll-view-x">
<div class="num" for="{{ numberTest }}">
<text>
<span>{{ $idx }}</span>
</text>
</div>
</div>
</w-popup>
<w-button type="info" @event-type1="handleClick2">Bottom</w-button>
<w-popup visible="{{ popup2 }}"
position="bottom"
height="50%"
@on-close="handleClose">
<div class="scroll-view-x">
<div class="num" for="{{ numberTest }}">
<text>
<span>{{ $idx }}</span>
</text>
</div>
</div>
</w-popup>
<w-button type="info" @event-type1="handleClick3">Left</w-button>
<w-popup visible="{{ popup3 }}"
position="left"
width="80%"
@on-close="handleClose">
<div class="scroll-view-y">
<div class="num" for="{{ numberTest }}">
<text>
<span>{{ $idx }}</span>
</text>
</div>
</div>
</w-popup>
<w-button type="info" @event-type1="handleClick4">Right</w-button>
<w-popup visible="{{ popup4 }}"
position="right"
width="80%"
@on-close="handleClose">
<div class="scroll-view-y">
<div class="num" for="{{ numberTest }}">
<text>
<span>{{ $idx }}</span>
</text>
</div>
</div>
</w-popup>
<w-button type="info" @event-type1="handleClick6">Main</w-button>
<w-popup visible="{{ popup6 }}"
position="main"
height="40%"
width="60%"
@on-close="handleClose">
<div class="demo-popup-6">
<w-qr-code size="200" text="hello world"></w-qr-code>
<text class="w-icon">
<span>×</span>
</text>
</div>
</w-popup>
<w-pane desc="Disabled MaskCancel"></w-pane>
<w-button type="info" @event-type1="handleClick5">Info</w-button>
<w-popup visible="{{ popup5 }}"
mask-cancel="false"
position="bottom"
height="50%"
@on-close="handleClose">
<div class="scroll-view-x">
<div class="num" for="{{ numberTest }}" >
<text>
<span>下拉点击关闭按钮{{ $idx }}</span>
</text>
</div>
<w-button type="info" @event-type1="handleClose">关闭</w-button>
</div>
</w-popup>
</div>
//wPopup.js
export default {
data: {
popup1: false,
popup2: false,
popup3: false,
popup4: false,
popup5: false,
popup6: false,
numberTest:[]
},
onInit(){
for (var index = 0; index < 50; index++) {
this.numberTest.push(index)
}
},
handleClose() {
this.popup1 = false,
this.popup2 = false,
this.popup3 = false,
this.popup4 = false,
this.popup5 = false,
this.popup6 = false
},
handleClick1() {
this.popup1 = true
},
handleClick2() {
this.popup2 = true
},
handleClick3() {
this.popup3 = true
},
handleClick4() {
this.popup4 = true
},
handleClick5() {
this.popup5 = true
},
handleClick6() {
this.popup6 = true
},
}
属性说明：
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| visible | 组件是否可见 | boolean | false |
| position | 弹出位置,可选值:[left,right,top,bottom,main] | string | bottom |
| mask | 是否开启遮罩层 | boolean | true |
| mask-index | 遮罩层 z-index 值 | number | 1 |
| width | 内容区的宽度，当 type 的值为 left,right 时生效 | string | - |
| height | 内容区的最大高度,当 type 的值为 top,bottom 时生效 | string | - |
| padding | 内容区的内边距 | string | 0 10px |
| styles | 弹出层样式 | string | - |
| z-index | 弹出视图的z-index值 | number | 999 |
| mask-cancel | 点击遮罩层可否关闭 | boolean | true |
回调事件：
| 事件名 | 说明 | 参数 |
|---|---|---|
| @on-close | wPopup关闭时的回调 | ---- |
功能说明：可以切换选项的导航栏
使用样例：
//wTabs.hml
<div class="container">
<w-pane title="Tabs" desc="导航切换栏" ></w-pane>
<w-pane desc="Default" ></w-pane>
<w-tabs onChange="handleChange" options="{{ tabs1 }}" ></w-tabs>
<w-pane desc="Initial Index = 2" ></w-pane>
<w-button @event-type1="handleSelected" type="info">selected tab2</w-button>
<w-tabs
@on-change="handleChange"
options="{{ tabs4 }}"
current-index="{{index}}"
></w-tabs>
<w-pane desc="Line Size = 1" ></w-pane>
<w-tabs line-size="1" options="{{ tabs1 }}" ></w-tabs>
<w-pane desc="Active Color" ></w-pane>
<w-tabs
line-size="1"
active-color="#ff8800"
options="{{ tabs3 }}"
></w-tabs>
<w-pane desc="Icon" ></w-pane>
<w-tabs
text-styles="font-size: 14px;"
options="{{ tabs2 }}"
active-color="#ef473a"
></w-tabs>
<w-pane desc="Disabled Transition and DisabledItem" ></w-pane>
<w-tabs
transition="{{ false }}"
options="{{ tabs4 }}"
@on-disabled="onDisabled"
></w-tabs>
<w-pane desc="Scroll" ></w-pane>
<w-tabs options="{{ tabs5 }}" ></w-tabs>
<w-pane desc="Disabled Line" ></w-pane>
<w-tabs
transition="{{ false }}"
line="{{ false }}"
options="{{ tabs4 }}"
></w-tabs>
<w-pane desc="Disabled Border" ></w-pane>
<w-tabs
transition="{{ false }}"
line="{{ false }}"
border="{{ false }}"
options="{{ tabs4 }}"
></w-tabs>
</div>
//wTabs.js
export default {
data: {
index: 2,
tabs1: [
{
text: '电器'
}, {
text: '数码'
}, {
text: '食品'
}, {
text: '手机'
}
],
tabs2: [
{
text: '微博',
icon: 'weiboRed',
iconSize: '32px',
iconColor: '#ef473a',
},
{
text: '脸书',
icon: 'facebookRed',
iconSize: '32px',
iconColor: '#ef473a',
},
{
text: '苹果',
icon: 'appleRed',
iconSize: '32px',
iconColor: '#ef473a',
},
{
text: '安卓',
icon: 'androidRed',
iconSize: '32px',
iconColor: '#ef473a',
},
],
tabs3: [
{
text: '英雄联盟'
}, {
text: '绝地求生'
}, {
text: 'DNF'
}, {
text: '炉石传说'
}
],
tabs4: [
{
text: 'tab1'
}, {
text: 'tab2'
}, {
text: 'tab3'
}, {
text: 'tab4'
}
],
tabs5: [
{
text: 'tab1'
}, {
text: 'tab2'
}, {
text: 'tab3'
}, {
text: 'tab4'
}, {
text: 'tab5'
}, {
text: 'tab6'
}, {
text: 'tab7'
}, {
text: 'tab8'
}, {
text: 'tab9'
}, {
text: 'tab10'
}
],
},
handleChange(e) {
const index = e.detail.selectIndex;
this.index=index
},
handleSelected() {
this.index = 1
},
handleClick(e) {
const {
index,
title
} = e.detail;
console.log('点击了tab:' + index, title);
},
onDisabled(e) {
const {
index,
title
} = e.detail;
console.log('点击了禁用的:' + index, title);
},
}
属性说明：
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| options | tab 列表的数据源 参数有 text,icon,iconColor,iconSize | array | [] |
| current-index | 初始化或者控制索引 | number | 0 |
| line | 是否开启线条 | boolean | true |
| line-size | 线条长度大小 0 - 1 | number | 0.5 |
| border | 开启线条 | string | true |
| border-size | 线条粗细 单位 px | string | 2 |
| border-color | 线条颜色 | string | #eeeeee |
| active-color | 颜色 | string | rgb(69, 143, 246) |
| text-styles | 文本样式 | string | - |
| fixed | 是否开启定位 | boolean | false |
| item-threshold | 项目阈值 | number | 4 |
回调事件：
| 事件名 | 说明 | 参数 |
|---|---|---|
| @on-change | tab 变化的时候触发 | selectIndex |
| @on-disabled | 禁用的被点击时 | selectIndex |
功能介绍：弹出回馈显示信息给用户
使用样例：
<element src="../../dist/wButton/wButton.hml" name="w-button"></element>
<element src="../../dist/wPane/wPane.hml" name="w-pane"></element>
<element src="../../dist/wAlert/wAlert.hml" name="w-alert"></element>
<div class="container">
<w-pane title="Alert" desc="弹出框"></w-pane>
<w-pane desc="Default"></w-pane>
<w-button @event-type1="handleClick" type="info">Default</w-button>
<w-pane desc="ButtonColor"></w-pane>
<w-button @event-type1="handleClick2" type="info">ButtonColor</w-button>
<w-pane desc="MoreText"></w-pane>
<w-button @event-type1="handleClick3" type="info">MoreText</w-button>
<w-pane desc="richText"></w-pane>
<w-button @event-type1="handleClick4" type="info">richText</w-button>
<w-alert id="wuss-alert"></w-alert>
</div>
Alert 弹出框组件属性说明表
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | 标题 | string | - |
| content | 内容 | string | - |
| mask-close | 点击遮罩层是否可关闭 | boolean | false |
| button-color | 按钮颜色 | string | #ff9900 |
| confirm | 确定按钮回调 | function | - |
功能介绍：可以选中多个的选择框
使用样例：
<element src="../../dist/wPane/wPane.hml" name="w-pane"></element>
<element src="../../dist/wCellGroup/wCellGroup.hml" name="w-cell-group"></element>
<element src="../../dist/wCheckbox/wCheckbox.hml" name="w-checkbox"></element>
<div class="container">
<w-pane title="Checkbox" desc="复选框" ></w-pane>
<w-pane desc="Default" ></w-pane>
<w-cell-group>
<w-checkbox options="{{ items1 }}" @on-change="handleChange" ></w-checkbox>
</w-cell-group>
<div style="font-size: 16px;"><text>
<span>{{ items1Str }}</span>
</text></div>
<w-pane desc="Disabled" ></w-pane>
<w-cell-group>
<w-checkbox options="{{ items2 }}" @on-change="handleChange" ></w-checkbox>
</w-cell-group>
<w-pane desc="Directon" ></w-pane>
<w-cell-group>
<w-checkbox
direction="right"
options="{{ items4 }}"
@on-change="handleChange"
></w-checkbox>
</w-cell-group>
<w-pane desc="IconType" ></w-pane>
<w-cell-group>
<w-checkbox
icon-type="circle"
direction="right"
options="{{ items5 }}"
@on-change="handleChange"
></w-checkbox>
<w-checkbox
icon-type="box"
direction="right"
options="{{ items6 }}"
@on-change="handleChange"
></w-checkbox>
<w-checkbox
icon-type="check"
direction="right"
options="{{ items7 }}"
@on-change="handleChange"
></w-checkbox>
</w-cell-group>
<w-pane desc="ArrayKeys" ></w-pane>
<w-cell-group>
<w-checkbox
direction="right"
options="{{ items3 }}"
@on-change="handleChange"
></w-checkbox>
</w-cell-group>
</div>
Checkbox 复选框组件属性说明表
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| color | 颜色 | string | - |
| disabled | 禁用 | boolean | false |
| title | 标题 | string | - |
| direction | 方向，可选值有[left/right] | string | - |
| options | 传入的数组对象，参数有 { label,checked,disabled } | array | [] |
Event 事件
| 事件名 | 说明 | 返回值 |
|---|---|---|
| @on-change | 勾选点击改变值时触发 | e.detail.value |
功能介绍：星级评分条，给用户评价的衡量标准条
使用样例：
<element src="../../dist/wRater/wRater.hml" name="w-rater"></element>
<element src="../../dist/wPane/wPane.hml" name="w-pane"></element>
<element src="../../dist/wCellGroup/wCellGroup.hml" name="w-cell-group"></element>
<element src="../../dist/wCell/wCell.hml" name="w-cell"></element>
<div class="container">
<w-pane title="Rater" desc="星级评分" ></w-pane>
<w-pane desc="Default" ></w-pane>
<div
class=""
style="padding: 10px 0 10px 30px;display: flex; flex: 1;"
>
<w-rater></w-rater>
</div>
<w-pane desc="InCell"></w-pane>
<w-cell-group>
<w-cell label="在Cell中使用">
<w-rater value="1" slot="content" ></w-rater>
</w-cell>
<w-cell label="Max = 4">
<w-rater value="2" max="4" slot="content" ></w-rater>
</w-cell>
<w-cell label="Min = 3">
<w-rater value="3" min="3" slot="content" ></w-rater>
</w-cell>
<w-cell label="禁用">
<w-rater value="4" disabled="true" slot="content" ></w-rater>
</w-cell>
<w-cell label="默认值 5">
<w-rater value="5" slot="content" ></w-rater>
</w-cell>
<w-cell label="iconFont =♡">
<w-rater value="3"
icon-font="♡"
font-size="20"
slot="content"
></w-rater>
</w-cell>
<w-cell label="iconFont = O Count = 6">
<w-rater
value="4"
count="6"
icon-font="O"
font-size="28"
slot="content"
></w-rater>
</w-cell>
<w-cell label="activeColor = blue">
<w-rater value="4" active-color="blue" slot="content" ></w-rater>
</w-cell>
</w-cell-group>
</div>
Rate 星级评分组件属性说明表
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| count | iconfont的数量 | number | 5 |
| max | 最大可选值 | number | - |
| min | 最小可选值 | number | 0 |
| disabled | 禁用 | boolean | false |
| value | 当前选中值 | number | 0 |
| icon-font | 自定义字体图标 | string | ★ |
| active-color | 激活的颜色 | string | - |
| margin | 每个iconfont之间的外边距 | number | - |
| font-size | iconfont大小 | number | - |
Event 事件
| 事件名 | 说明 | 返回值 |
|---|---|---|
| @on-change | 点击时触发的回调 | e.detail.value |
Slot 插槽
| 事件名 | 说明 |
|---|---|
| slot | 设置为options对应字段containerName的slot名字 |
wSteps 步骤条属性说明：
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| steps | 步骤数组 | array | - |
| type | 类型数组型 number 点状型 dot | string | number |
| direction | 横向和竖向'vertical'|'horizontal' | string | horizontal |
| current | 指定当前步骤，从 0 开始记数。 | number | - |
wCard 卡片属性说明：
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| full | 通栏模式 | boolean | - |
| title | 头部标题 | string | - |
| extra | 头部副标题 | string | - |
| content | 内容区信息 | string | - |
| footer | 底部标题 | string | - |
| footer-extra | 底部副标题 | string | - |
| shadow | 开启卡片阴影 | boolean | true |
| loading | 进入loading模式 | boolean | false |
| loading-index | 进入loading模式骨架的z-index层级 | number | - |
wPopup弹出层属性说明：
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| visible | 组件是否可见 | boolean | false |
| position | 弹出位置,可选值:[left,right,top,bottom,main] | string | bottom |
| mask | 是否开启遮罩层 | boolean | true |
| mask-index | 遮罩层 z-index 值 | number | 1 |
| width | 内容区的宽度，当 type 的值为 left,right 时生效 | string | - |
| height | 内容区的最大高度,当 type 的值为 top,bottom 时生效 | string | - |
| padding | 内容区的内边距 | string | 0 10px |
| styles | 弹出层样式 | string | - |
| z-index | 弹出视图的z-index值 | number | 999 |
| mask-cancel | 点击遮罩层可否关闭 | boolean | true |
wTabs导航切换栏属性说明：
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| options | tab 列表的数据源 参数有 text,icon,iconColor,iconSize | array | [] |
| current-index | 初始化或者控制索引 | number | 0 |
| line | 是否开启线条 | boolean | true |
| line-size | 线条长度大小 0 - 1 | number | 0.5 |
| border | 开启线条 | string | true |
| border-size | 线条粗细 单位 px | string | 2 |
| border-color | 线条颜色 | string | #eeeeee |
| active-color | 颜色 | string | rgb(69, 143, 246) |
| text-styles | 文本样式 | string | - |
| fixed | 是否开启定位 | boolean | false |
| item-threshold | 项目阈值 | number | 4 |
Alert 弹出框组件属性说明：
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | 标题 | string | - |
| content | 内容 | string | - |
| mask-close | 点击遮罩层是否可关闭 | boolean | false |
| button-color | 按钮颜色 | string | #ff9900 |
| confirm | 确定按钮回调 | function | - |
Checkbox 复选框组件属性说明：
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| color | 颜色 | string | - |
| disabled | 禁用 | boolean | false |
| title | 标题 | string | - |
| direction | 方向，可选值有[left/right] | string | - |
| options | 传入的数组对象，参数有 { label,checked,disabled } | array | [] |
Rate 星级评分组件属性说明：
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| count | iconfont的数量 | number | 5 |
| max | 最大可选值 | number | - |
| min | 最小可选值 | number | 0 |
| disabled | 禁用 | boolean | false |
| value | 当前选中值 | number | 0 |
| icon-font | 自定义字体图标 | string | ★ |
| active-color | 激活的颜色 | string | - |
| margin | 每个iconfont之间的外边距 | number | - |
| font-size | iconfont大小 | number | - |
支持 OpenHarmony API version 8 及以上版本。
├─entry # 示例代码文件夹
├─README.md # 安装使用方法
└─wussWeapp
└─src
└─main
├─js
├─common # 工具类与资源文件夹
├─components
└─dist # 自定义组件文件夹
├─wAccordion
├─wAccordionGroup
├─wActionSheet
├─wActivityIndicator
├─wAddressPicker
├─wAlert
├─wAvatar
├─wBadge
├─wButton
├─wCalendar
├─wCard
├─wCell
├─wCellGroup
├─wCellPicker
├─wCheckbox
├─wCol
├─wConfirm
├─wCountdown
├─wCountUp
├─wDatePicker
├─wDialog
├─wDropMenu
├─wForm
├─wIcon
├─wInput
├─wLoading
├─wMarquee
├─wMarqueeItem
├─wMaskShadow
├─wNotice
├─wNumber
├─wPane
├─wPopup
├─wQrCode
├─wRadio
├─wRange
├─wRater
├─wRow
├─wScrollableTabView
├─wSegmentedControl
├─wSteps
├─wSwiperOut
├─wSwitch
├─wTabs
├─wTag
├─wToast
├─wValidate
└─wVcode
使用过程中发现任何问题都可以提 Issue 给我们，当然，我们也非常欢迎你给我们发PR 。
本项目基于 MIT License ，请自由地享受和参与开源。
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。