blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

整理文档

Browse Source
This commit is contained in:
pangxie1991 2017-10-15 21:08:14 +08:00
parent 7ebfa6054d
commit fb2e85f3c8
4 changed files with 87 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
example/dashboard/config.js Normal file
View File

@ -0,0 +1,74 @@
export default {
base: {
title: '基础组件',
content: [
{
name: 'Badge 徽章',
path: '/example/badge/index'
}, {
name: 'Button 按钮',
path: '/example/btn/index'
}, {
name: 'Capsule 胶囊',
path: '/example/capsule/index'
}, {
name: 'Card 卡片',
path: '/example/card/index'
}, {
name: 'Cell 单元格',
path: '/example/cell/index'
}, {
name: 'Form 表单',
path: '/example/form/index'
}, {
name: 'Helper 基础样式',
path: '/example/helper/index'
}, {
name: 'Icon 图标',
path: '/example/icon/index'
}, {
name: 'Label 标签',
path: '/example/label/index'
}, {
name: 'Loadmore 加载',
path: '/example/loadmore/index'
}, {
name: 'Noticebar 通告栏',
path: '/example/noticebar/index'
}, {
name: 'Panel 面板',
path: '/example/panel/index'
}, {
name: 'Popup 弹出层',
path: '/example/popup/index'
}, {
name: 'Quantity 计数器',
path: '/example/quantity/index'
}, {
name: 'Steps 步骤条',
path: '/example/steps/index'
}, {
name: 'Switch 开关',
path: '/example/switch/index'
}, {
name: 'Tab 标签',
path: '/example/tab/index'
}, {
name: 'Toptips 顶部提示',
path: '/example/toptips/index'
}
]
},
action: {
title: '操作反馈',
content: [
{
name: 'Toast 轻提示',
path: '/example/toast/index'
}, {
name: 'Dialog 弹出框',
path: '/example/dialog/index'
}
]
}
}

66
example/dashboard/index.js
View File

@ -1,68 +1,8 @@
import componentsConfig from './config';
Page({
data: {
list: [
{
name: 'Badge 徽章',
path: '/example/badge/index'
}, {
name: 'Button 按钮',
path: '/example/btn/index'
}, {
name: 'Capsule 胶囊',
path: '/example/capsule/index'
}, {
name: 'Card 卡片',
path: '/example/card/index'
}, {
name: 'Cell 单元格',
path: '/example/cell/index'
}, {
name: 'Dialog 弹出框',
path: '/example/dialog/index'
}, {
name: 'Form 表单',
path: '/example/form/index'
}, {
name: 'Helper 基础样式',
path: '/example/helper/index'
}, {
name: 'Icon 图标',
path: '/example/icon/index'
}, {
name: 'Label 标签',
path: '/example/label/index'
}, {
name: 'Loadmore 加载',
path: '/example/loadmore/index'
}, {
name: 'Noticebar 通告栏',
path: '/example/noticebar/index'
}, {
name: 'Panel 面板',
path: '/example/panel/index'
}, {
name: 'Popup 弹出层',
path: '/example/popup/index'
}, {
name: 'Quantity 计数器',
path: '/example/quantity/index'
}, {
name: 'Steps 步骤条',
path: '/example/steps/index'
}, {
name: 'Switch 开关',
path: '/example/switch/index'
}, {
name: 'Tab 标签',
path: '/example/tab/index'
}, {
name: 'Toast 轻提示',
path: '/example/toast/index'
}, {
name: 'Toptips 通告栏',
path: '/example/toptips/index'
}
]
list: componentsConfig
},
onLoad: function () {

17
example/dashboard/index.wxml
View File

@ -2,11 +2,14 @@
<image class="logo" src="https://img.yzcdn.cn/public_files/2017/02/06/ee0ebced79a80457d77ce71c7d414c74.png"></image>
<view class="zan-panel">
<navigator wx:for="{{ list }}" wx:key="name" class="zan-cell zan-cell--access" url="{{ item.path }}">
<view class="zan-cell__bd">{{ item.name }}</view>
<view class="zan-cell__ft"></view>
</navigator>
</view>
<block wx:for="{{ list }}" wx:for-item="group" wx:key="title">
<view class="zan-panel-title">{{ group.title }}</view>
<view class="zan-panel">
<navigator wx:for="{{ group.content }}" wx:key="name" class="zan-cell zan-cell--access" url="{{ item.path }}">
<view class="zan-cell__bd">{{ item.name }}</view>
<view class="zan-cell__ft"></view>
</navigator>
</view>
</block>
</view>

14
example/form/index.wxml
View File

@ -37,20 +37,6 @@
</view>
<view class="zan-form" style="margin-top: 20px">
<view class="zan-cell zan-cell__no-pading zan-form__item">
<view class="zan-cell__bd zan-cell__bd_padding">
<text class="zan-form__title">验证码</text>
<input
class="zan-form__input"
type="text"
maxlength="7"
placeholder="请输入短信验证码"
/>
</view>
<view class="zan-cell__ft">
<button class="zan-btn zan-btn--large zan-btn--primary">获取验证码</button>
</view>
</view>
<view class="zan-cell zan-form__item">
<view class="zan-cell__bd">
<text class="zan-form__title">验证码</text>