blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-05-21 22:09:16 +08:00
Code Issues Projects Releases Wiki Activity

[Doc] remove doc-page

Browse Source
This commit is contained in:
陈嘉涵 2018-07-30 10:53:07 +08:00
parent 1f34ff1a18
commit 2f6ec315cb
64 changed files with 863 additions and 1049 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
example/app.js
View File

@ -1,5 +1,4 @@
App({ App({
globalData: { globalData: {}
},
}); });

2
example/app.json
View File

@ -36,7 +36,7 @@
"navigationBarTitleText": "vant-weapp", "navigationBarTitleText": "vant-weapp",
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
"backgroundTextStyle": "dark", "backgroundTextStyle": "dark",
"backgroundColor": "#f9f9f9" "backgroundColor": "#f8f8f8"
}, },
"debug": true "debug": true
} }

40
example/app.wxss
View File

@ -2,42 +2,10 @@
page { page {
color: #333; color: #333;
background: #f8f8f8;
min-height: 100vh;
box-sizing: border-box;
padding: 15rpx 0;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
font-family: 'PingFang SC', Helvetica, 'STHeiti STXihei', 'Microsoft YaHei', Tohoma, Arial, sans-serif; font-family: 'PingFang SC', Helvetica, 'STHeiti STXihei', 'Microsoft YaHei', Tohoma, Arial, sans-serif;
} }
.container {
background: #F9F9F9;
overflow: hidden;
min-height: 100vh;
box-sizing: border-box;
padding: 15px 0;
}
.container::before {
position: fixed;
top: 0;
left: 0;
content: ' ';
width: 100%;
height: 1rpx;
background-color: #e2e2e2;
z-index: 5;
}
.doc-title {
position: relative;
padding: 15px 0;
margin: 10px 15px;
line-height: 25px;
font-size: 25px;
color: #666;
}
.doc-description {
margin: 14px 0;
padding: 0 15px;
font-size: 14px;
line-height: 20px;
color: #666;
}

12
example/components/doc-page/index.js
View File

@ -1,12 +0,0 @@
Component({
properties: {
title: {
type: String,
value: ''
},
withoutPadding: {
type: Boolean
}
}
});

3
example/components/doc-page/index.json
View File

@ -1,3 +0,0 @@
{
"component": true
}

6
example/components/doc-page/index.wxml
View File

@ -1,6 +0,0 @@
<view class="doc-container">
<view class="doc-title">{{ title }}</view>
<view class="doc-content {{ withoutPadding ? 'doc-content--without-pd' : '' }}">
<slot></slot>
</view>
</view>

27
example/components/doc-page/index.wxss
View File

@ -1,27 +0,0 @@
.doc-container {
background: #F9F9F9;
overflow: hidden;
min-height: 100vh;
box-sizing: border-box;
padding: 15px 0;
}
.doc-title {
position: relative;
padding: 15px 0;
margin: 10px 15px;
line-height: 25px;
font-size: 25px;
color: #666;
border-bottom: 1rpx solid #e5e5e5;
}
.doc-content {
padding: 15px;
overflow: hidden;
color: #666;
}
.doc-content--without-pd {
padding: 15px 0;
}

3
example/pages/actionsheet/index.json
View File

@ -2,7 +2,6 @@
"navigationBarTitleText": "Actionsheet 上拉菜单", "navigationBarTitleText": "Actionsheet 上拉菜单",
"usingComponents": { "usingComponents": {
"van-actionsheet": "../../dist/actionsheet/index", "van-actionsheet": "../../dist/actionsheet/index",
"van-button": "../../dist/button/index", "van-button": "../../dist/button/index"
"doc-page": "../../components/doc-page/index"
} }
} }

11
example/pages/actionsheet/index.wxml
View File

@ -1,12 +1,10 @@
<view class="van-buttons" style="margin-top: 30vh;">
<doc-page title="ACTIONSHEET">
<view class="van-buttons" style="margin-top: 30vh;">
<van-button bind:buttonclick="openActionsheet"> <van-button bind:buttonclick="openActionsheet">
Actionsheet Actionsheet
</van-button> </van-button>
</view> </view>
<van-actionsheet <van-actionsheet
show="{{ show }}" show="{{ show }}"
actions="{{ actions }}" actions="{{ actions }}"
cancel-text="{{ cancelText }}" cancel-text="{{ cancelText }}"
@ -14,5 +12,4 @@
bind:cancel="closeActionSheet" bind:cancel="closeActionSheet"
bind:actionclick="clickAction" bind:actionclick="clickAction"
mask-class="tiny" mask-class="tiny"
/> />
</doc-page>

2
example/pages/badge/index.wxml
View File

@ -1,7 +1,5 @@
<view class="container"> <view class="container">
<view class="doc-title van-hairline--bottom van-hairline--bottom">BADGE</view>
<view class="demo"> <view class="demo">
<view class="demo__item"> <view class="demo__item">
<view class="demo__icon"> <view class="demo__icon">

3
example/pages/button/index.json
View File

@ -3,7 +3,6 @@
"usingComponents": { "usingComponents": {
"van-button": "../../dist/button/index", "van-button": "../../dist/button/index",
"van-button-group": "../../dist/button-group/index", "van-button-group": "../../dist/button-group/index",
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index"
"doc-page": "../../components/doc-page/index"
} }
} }

28
example/pages/button/index.wxml
View File

@ -1,6 +1,4 @@
<doc-page title="BUTTON" without-padding> <van-panel title="普通按钮">
<van-panel title="普通按钮">
<van-button-group> <van-button-group>
<van-button <van-button
open-type="getPhoneNumber" open-type="getPhoneNumber"
@ -10,46 +8,44 @@
<van-button type="danger">确认付款</van-button> <van-button type="danger">确认付款</van-button>
<van-button type="warn">确认付款</van-button> <van-button type="warn">确认付款</van-button>
</van-button-group> </van-button-group>
</van-panel> </van-panel>
<van-panel title="大号按钮，没有边框线及圆角"> <van-panel title="大号按钮，没有边框线及圆角">
<van-button size="large" type="primary">确认付款</van-button> <van-button size="large" type="primary">确认付款</van-button>
<van-button size="large" type="warn">立即购买</van-button> <van-button size="large" type="warn">立即购买</van-button>
<van-button size="large" type="danger">立即购买</van-button> <van-button size="large" type="danger">立即购买</van-button>
</van-panel> </van-panel>
<van-panel title="小号按钮"> <van-panel title="小号按钮">
<van-button-group> <van-button-group>
<van-button size="small">取消订单</van-button> <van-button size="small">取消订单</van-button>
<van-button size="small" type="primary">确认付款</van-button> <van-button size="small" type="primary">确认付款</van-button>
</van-button-group> </van-button-group>
</van-panel> </van-panel>
<van-panel title="迷你按钮"> <van-panel title="迷你按钮">
<van-button-group> <van-button-group>
<van-button size="mini">取消订单</van-button> <van-button size="mini">取消订单</van-button>
<van-button size="mini" type="primary">确认付款</van-button> <van-button size="mini" type="primary">确认付款</van-button>
<van-button size="mini" type="warn">确认付款</van-button> <van-button size="mini" type="warn">确认付款</van-button>
<van-button size="mini" type="danger">确认付款</van-button> <van-button size="mini" type="danger">确认付款</van-button>
</van-button-group> </van-button-group>
</van-panel> </van-panel>
<van-panel title="Loading"> <van-panel title="Loading">
<van-button-group> <van-button-group>
<van-button loading>取消订单</van-button> <van-button loading>取消订单</van-button>
<van-button loading type="primary">确认付款</van-button> <van-button loading type="primary">确认付款</van-button>
<van-button loading type="danger">确认付款</van-button> <van-button loading type="danger">确认付款</van-button>
<van-button loading type="warn">确认付款</van-button> <van-button loading type="warn">确认付款</van-button>
</van-button-group> </van-button-group>
</van-panel> </van-panel>
<van-panel title="Disabled"> <van-panel title="Disabled">
<van-button-group> <van-button-group>
<van-button disabled>取消订单</van-button> <van-button disabled>取消订单</van-button>
<van-button disabled type="primary">确认付款</van-button> <van-button disabled type="primary">确认付款</van-button>
<van-button disabled type="danger">确认付款</van-button> <van-button disabled type="danger">确认付款</van-button>
<van-button disabled type="warn">确认付款</van-button> <van-button disabled type="warn">确认付款</van-button>
</van-button-group> </van-button-group>
</van-panel> </van-panel>
</doc-page>

3
example/pages/capsule/index.json
View File

@ -2,7 +2,6 @@
"navigationBarTitleText": "Capsule 胶囊", "navigationBarTitleText": "Capsule 胶囊",
"usingComponents": { "usingComponents": {
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index",
"van-capsule": "../../dist/capsule/index", "van-capsule": "../../dist/capsule/index"
"doc-page": "../../components/doc-page/index"
} }
} }

11
example/pages/capsule/index.wxml
View File

@ -1,15 +1,12 @@
<doc-page title="CAPSULE" without-padding> <van-panel title='基本用法'>
<van-panel title='基本用法'>
<view class="capsule-demo"> <view class="capsule-demo">
<van-capsule leftText="折扣" rightText="限购一份" /> <van-capsule leftText="折扣" rightText="限购一份" />
<van-capsule type="danger" leftText="折扣" rightText="限购一份" /> <van-capsule type="danger" leftText="折扣" rightText="限购一份" />
</view> </view>
</van-panel> </van-panel>
<van-panel title='自定义颜色'> <van-panel title='自定义颜色'>
<view class="capsule-demo"> <view class="capsule-demo">
<van-capsule color="#38f" leftText="折扣" rightText="限购一份" /> <van-capsule color="#38f" leftText="折扣" rightText="限购一份" />
</view> </view>
</van-panel> </van-panel>
</doc-page>

3
example/pages/card/index.json
View File

@ -2,7 +2,6 @@
"navigationBarTitleText": "Card 卡片", "navigationBarTitleText": "Card 卡片",
"usingComponents": { "usingComponents": {
"van-card": "../../dist/card/index", "van-card": "../../dist/card/index",
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index"
"doc-page": "../../components/doc-page/index"
} }
} }

11
example/pages/card/index.wxml
View File

@ -1,6 +1,4 @@
<doc-page title="CAPSULE" without-padding> <van-panel without-border>
<van-panel without-border>
<van-card <van-card
card-class="test-card" card-class="test-card"
thumb="https://img.yzcdn.cn/upload_files/2016/11/25/FpqPXlrMRjKwJs8VdTu3ZDJCj4j5.jpeg?imageView2/2/w/200/h/200/q/90/format/jpeg" thumb="https://img.yzcdn.cn/upload_files/2016/11/25/FpqPXlrMRjKwJs8VdTu3ZDJCj4j5.jpeg?imageView2/2/w/200/h/200/q/90/format/jpeg"
@ -12,9 +10,9 @@
> >
</van-card> </van-card>
</van-panel> </van-panel>
<van-panel title="使用slot"> <van-panel title="使用slot">
<van-card <van-card
card-class="test-card" card-class="test-card"
thumb="https://img.yzcdn.cn/upload_files/2016/11/25/FpqPXlrMRjKwJs8VdTu3ZDJCj4j5.jpeg?imageView2/2/w/200/h/200/q/90/format/jpeg" thumb="https://img.yzcdn.cn/upload_files/2016/11/25/FpqPXlrMRjKwJs8VdTu3ZDJCj4j5.jpeg?imageView2/2/w/200/h/200/q/90/format/jpeg"
@ -26,5 +24,4 @@
我是自定义内容区域 我是自定义内容区域
</view> </view>
</van-card> </van-card>
</van-panel> </van-panel>
</doc-page>

3
example/pages/cell/index.json
View File

@ -5,7 +5,6 @@
"van-icon": "../../dist/icon/index", "van-icon": "../../dist/icon/index",
"van-badge": "../../dist/badge/index", "van-badge": "../../dist/badge/index",
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index",
"van-cell-group": "../../dist/cell-group/index", "van-cell-group": "../../dist/cell-group/index"
"doc-page": "../../components/doc-page/index"
} }
} }

34
example/pages/cell/index.wxml
View File

@ -1,24 +1,23 @@
<doc-page title="CELL" without-padding>
<van-cell-group border class="cell-panel-demo"> <van-cell-group border class="cell-panel-demo">
<van-cell title="单行列表" bindtap="handleTap"></van-cell> <van-cell title="单行列表" bindtap="handleTap"></van-cell>
</van-cell-group> </van-cell-group>
<van-cell-group border class="cell-panel-demo"> <van-cell-group border class="cell-panel-demo">
<van-cell title="单行列表" value="详细信息"></van-cell> <van-cell title="单行列表" value="详细信息"></van-cell>
</van-cell-group> </van-cell-group>
<van-cell-group border class="cell-panel-demo"> <van-cell-group border class="cell-panel-demo">
<van-cell title="单行列表" label="附加描述" value="详细信息"></van-cell> <van-cell title="单行列表" label="附加描述" value="详细信息"></van-cell>
</van-cell-group> </van-cell-group>
<van-panel class="cell-panel-demo" title="带 icon 的 cell"> <van-panel class="cell-panel-demo" title="带 icon 的 cell">
<van-cell title="单行列表" value="详细信息"> <van-cell title="单行列表" value="详细信息">
<van-icon slot="icon" type="checked"></van-icon> <van-icon slot="icon" type="checked"></van-icon>
</van-cell> </van-cell>
</van-panel> </van-panel>
<van-panel class="cell-panel-demo"> <van-panel class="cell-panel-demo">
<van-cell title="单行列表"> <van-cell title="单行列表">
<picker mode="date" value="{{date}}" start="2018-07-01" end="2018-09-01" bindchange="bindDateChange"> <picker mode="date" value="{{date}}" start="2018-07-01" end="2018-09-01" bindchange="bindDateChange">
<view class="picker"> <view class="picker">
@ -26,22 +25,22 @@
</view> </view>
</picker> </picker>
</van-cell> </van-cell>
</van-panel> </van-panel>
<van-panel class="cell-panel-demo" title="带箭头的 cell"> <van-panel class="cell-panel-demo" title="带箭头的 cell">
<van-cell title="只显示箭头" is-link></van-cell> <van-cell title="只显示箭头" is-link></van-cell>
</van-panel> </van-panel>
<van-cell-group border class="cell-panel-demo"> <van-cell-group border class="cell-panel-demo">
<van-cell <van-cell
title="跳转到首页" title="跳转到首页"
is-link is-link
url="/pages/dashboard/index" url="/pages/dashboard/index"
bindtap="handleTap" bindtap="handleTap"
></van-cell> ></van-cell>
</van-cell-group> </van-cell-group>
<van-panel class="cell-panel-demo" title="cell 组"> <van-panel class="cell-panel-demo" title="cell 组">
<van-cell-group> <van-cell-group>
<van-cell title="只显示箭头" is-link></van-cell> <van-cell title="只显示箭头" is-link></van-cell>
<van-cell title="跳转到首页" is-link url="/pages/dashboard/index"></van-cell> <van-cell title="跳转到首页" is-link url="/pages/dashboard/index"></van-cell>
@ -62,5 +61,4 @@
<switch slot="footer" checked/> <switch slot="footer" checked/>
</van-cell> </van-cell>
</van-cell-group> </van-cell-group>
</van-panel> </van-panel>
</doc-page>

3
example/pages/checkbox/index.json
View File

@ -4,7 +4,6 @@
"van-checkbox-group": "../../dist/checkbox-group/index", "van-checkbox-group": "../../dist/checkbox-group/index",
"van-checkbox": "../../dist/checkbox/index", "van-checkbox": "../../dist/checkbox/index",
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index",
"van-cell": "../../dist/cell/index", "van-cell": "../../dist/cell/index"
"doc-page": "../../components/doc-page/index"
} }
} }

22
example/pages/checkbox/index.wxml
View File

@ -1,27 +1,26 @@
<doc-page title="checkbox" without-padding> <van-panel title='基本用法'>
<van-panel title='基本用法'>
<van-checkbox <van-checkbox
checkbox-class="checkbox-demo" checkbox-class="checkbox-demo"
bindchange="handleCheckboxChange" bindchange="handleCheckboxChange"
>复选框</van-checkbox> >复选框</van-checkbox>
</van-panel> </van-panel>
<van-panel title='禁用状态'> <van-panel title='禁用状态'>
<van-checkbox <van-checkbox
checkbox-class="checkbox-demo" checkbox-class="checkbox-demo"
disabled disabled
checked="{{ true }}" checked="{{ true }}"
>复选框</van-checkbox> >复选框</van-checkbox>
</van-panel> </van-panel>
<van-panel title='禁用内容部分点击事件'> <van-panel title='禁用内容部分点击事件'>
<van-checkbox <van-checkbox
checkbox-class="checkbox-demo" checkbox-class="checkbox-demo"
label-disabled label-disabled
>复选框</van-checkbox> >复选框</van-checkbox>
</van-panel> </van-panel>
<van-panel title='Checkbox组'> <van-panel title='Checkbox组'>
<van-checkbox-group> <van-checkbox-group>
<van-checkbox <van-checkbox
wx:for="{{ items }}" wx:for="{{ items }}"
@ -33,11 +32,10 @@
bindchange="handleCheckboxChange" bindchange="handleCheckboxChange"
>复选框 {{ item.value }}</van-checkbox> >复选框 {{ item.value }}</van-checkbox>
</van-checkbox-group> </van-checkbox-group>
</van-panel> </van-panel>
<van-panel title='列表模式'> <van-panel title='列表模式'>
<van-checkbox type="list">复选框 a</van-checkbox> <van-checkbox type="list">复选框 a</van-checkbox>
<van-checkbox type="list">复选框 b</van-checkbox> <van-checkbox type="list">复选框 b</van-checkbox>
<van-checkbox type="list">复选框 c</van-checkbox> <van-checkbox type="list">复选框 c</van-checkbox>
</van-panel> </van-panel>
</doc-page>

2
example/pages/dashboard/index.wxss
View File

@ -1,5 +1,5 @@
.container { .container {
padding: 60px 0 20px; padding-top: 45px;
} }
.title { .title {

3
example/pages/datetime/index.json
View File

@ -4,7 +4,6 @@
"van-date-picker": "../../dist/datetime-picker/index", "van-date-picker": "../../dist/datetime-picker/index",
"van-cell": "../../dist/cell/index", "van-cell": "../../dist/cell/index",
"van-cell-group": "../../dist/cell-group/index", "van-cell-group": "../../dist/cell-group/index",
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index"
"doc-page": "../../components/doc-page/index"
} }
} }

15
example/pages/datetime/index.wxml
View File

@ -1,5 +1,4 @@
<doc-page title="DATETIME PICKER" without-padding> <van-panel class="picker-panel-demo">
<van-panel class="picker-panel-demo">
<van-cell-group> <van-cell-group>
<van-cell title="选择时间"> <van-cell title="选择时间">
<van-date-picker <van-date-picker
@ -32,19 +31,19 @@
/> />
</van-cell> </van-cell>
</van-cell-group> </van-cell-group>
</van-panel> </van-panel>
<van-panel class="picker-panel-demo"> <van-panel class="picker-panel-demo">
<van-cell title="选择时间" value="{{pickerView1 || '自定义组件'}}"></van-cell> <van-cell title="选择时间" value="{{pickerView1 || '自定义组件'}}"></van-cell>
<van-date-picker <van-date-picker
picker-view picker-view
bindchange="customChange" bindchange="customChange"
bindcancel="cancel" bindcancel="cancel"
/> />
</van-panel> </van-panel>
<van-panel class="picker-panel-demo"> <van-panel class="picker-panel-demo">
<van-cell title="选择时间" value="{{ pickerView2 || '只显示部分列'}}"></van-cell> <van-cell title="选择时间" value="{{ pickerView2 || '只显示部分列'}}"></van-cell>
<van-date-picker <van-date-picker
picker-view picker-view
@ -52,7 +51,5 @@
bindcancel="cancel" bindcancel="cancel"
not-use="{{['years', 'seconds']}}" not-use="{{['years', 'seconds']}}"
/> />
</van-panel> </van-panel>
</doc-page>

1
example/pages/dialog/index.json
View File

@ -1,7 +1,6 @@
{ {
"navigationBarTitleText": "Dialog 弹出框", "navigationBarTitleText": "Dialog 弹出框",
"usingComponents": { "usingComponents": {
"doc-page": "../../components/doc-page/index",
"van-dialog": "../../dist/dialog/index", "van-dialog": "../../dist/dialog/index",
"van-button": "../../dist/button/index", "van-button": "../../dist/button/index",
"van-button-group": "../../dist/button-group/index", "van-button-group": "../../dist/button-group/index",

20
example/pages/dialog/index.wxml
View File

@ -1,19 +1,17 @@
<doc-page title="DIALOG"> <van-button-group style="margin-top: 30vh; display: block;">
<van-button-group style="margin-top: 30vh; display: block;">
<van-button bindtap="toggleBaseDialog">基础 Dialog</van-button> <van-button bindtap="toggleBaseDialog">基础 Dialog</van-button>
<van-button bindtap="toggleWithoutTitleDialog">Dialog - 无标题</van-button> <van-button bindtap="toggleWithoutTitleDialog">Dialog - 无标题</van-button>
<van-button bindtap="toggleButtonDialog">Dialog - 自定义显示按钮</van-button> <van-button bindtap="toggleButtonDialog">Dialog - 自定义显示按钮</van-button>
<van-button bindtap="toggleVerticalDialog">Dialog - 按钮纵向排布</van-button> <van-button bindtap="toggleVerticalDialog">Dialog - 按钮纵向排布</van-button>
<van-button bindtap="toggleOpenDialog">Dialog - 获取 Open 数据的弹窗</van-button> <van-button bindtap="toggleOpenDialog">Dialog - 获取 Open 数据的弹窗</van-button>
<van-button bindtap="toggleCloseDialog">Dialog - 控制弹窗关闭</van-button> <van-button bindtap="toggleCloseDialog">Dialog - 控制弹窗关闭</van-button>
</van-button-group> </van-button-group>
<van-dialog id="van-base-dialog"></van-dialog> <van-dialog id="van-base-dialog"></van-dialog>
<van-dialog id="van-no-title-dialog"></van-dialog> <van-dialog id="van-no-title-dialog"></van-dialog>
<van-dialog id="van-button-dialog"></van-dialog> <van-dialog id="van-button-dialog"></van-dialog>
<van-dialog id="van-vertical-dialog"></van-dialog> <van-dialog id="van-vertical-dialog"></van-dialog>
<van-dialog id="van-open-dialog"></van-dialog> <van-dialog id="van-open-dialog"></van-dialog>
<van-dialog id="van-close-dialog"></van-dialog> <van-dialog id="van-close-dialog"></van-dialog>
<van-toast id="van-toast"></van-toast> <van-toast id="van-toast"></van-toast>
</doc-page>

3
example/pages/field/index.json
View File

@ -5,7 +5,6 @@
"van-button-group": "../../dist/button-group/index", "van-button-group": "../../dist/button-group/index",
"van-cell-group": "../../dist/cell-group/index", "van-cell-group": "../../dist/cell-group/index",
"van-field": "../../dist/field/index", "van-field": "../../dist/field/index",
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index"
"doc-page": "../../components/doc-page/index"
} }
} }

32
example/pages/field/index.wxml
View File

@ -1,6 +1,5 @@
<doc-page title="Field" without-padding> <!-- Field 基础用法 -->
<!-- Field 基础用法 --> <van-panel title="基础用法">
<van-panel title="基础用法">
<van-cell-group> <van-cell-group>
<van-field <van-field
title="{{ config.base.name.title }}" title="{{ config.base.name.title }}"
@ -30,27 +29,27 @@
> >
</van-field> </van-field>
</van-cell-group> </van-cell-group>
</van-panel> </van-panel>
<van-button-group> <van-button-group>
<van-button type="primary" bind:buttonclick="clearInput">清除输入</van-button> <van-button type="primary" bind:buttonclick="clearInput">清除输入</van-button>
</van-button-group> </van-button-group>
<!-- 去除标题后的输入框样式 --> <!-- 去除标题后的输入框样式 -->
<van-panel title="无标题输入框"> <van-panel title="无标题输入框">
<van-field <van-field
placeholder="{{ config.notitle.placeholder }}" placeholder="{{ config.notitle.placeholder }}"
value="{{ textareaValue }}" value="{{ textareaValue }}"
> >
</van-field> </van-field>
</van-panel> </van-panel>
<van-button-group> <van-button-group>
<van-button type="primary" bind:buttonclick="clearTextarea">清除输入</van-button> <van-button type="primary" bind:buttonclick="clearTextarea">清除输入</van-button>
</van-button-group> </van-button-group>
<!-- 使用 Field 圆角样式 --> <!-- 使用 Field 圆角样式 -->
<van-panel title="圆角输入框"> <van-panel title="圆角输入框">
<van-field <van-field
title="{{ config.radius.totalPrice.title }}" title="{{ config.radius.totalPrice.title }}"
type="{{ config.radius.totalPrice.type }}" type="{{ config.radius.totalPrice.type }}"
@ -75,9 +74,9 @@
input-type="{{ config.radius.notitle.inputTitle }}" input-type="{{ config.radius.notitle.inputTitle }}"
> >
</van-field> </van-field>
</van-panel> </van-panel>
<van-panel title="Form 表单中的field应用"> <van-panel title="Form 表单中的field应用">
<form bindsubmit="formSubmit" bindreset="formReset"> <form bindsubmit="formSubmit" bindreset="formReset">
<van-field <van-field
name="{{ config.form.name.name }}" name="{{ config.form.name.name }}"
@ -92,5 +91,4 @@
</van-field> </van-field>
<button type="primary" form-type="submit">提交表单</button> <button type="primary" form-type="submit">提交表单</button>
</form> </form>
</van-panel> </van-panel>
</doc-page>

3
example/pages/helper/index.json
View File

@ -3,7 +3,6 @@
"usingComponents": { "usingComponents": {
"van-cell": "../../dist/cell/index", "van-cell": "../../dist/cell/index",
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index",
"van-cell-group": "../../dist/cell-group/index", "van-cell-group": "../../dist/cell-group/index"
"doc-page": "../../components/doc-page/index"
} }
} }

6
example/pages/helper/index.wxml
View File

@ -1,5 +1,4 @@
<doc-page title="HELPER" without-padding> <view class="van-panel">
<view class="van-panel">
<van-cell> <van-cell>
<view class="van-pull-right">van-pull-right: 往右靠</view> <view class="van-pull-right">van-pull-right: 往右靠</view>
</van-cell> </van-cell>
@ -54,6 +53,5 @@
</view> </view>
</van-cell> </van-cell>
</view> </view>
</doc-page>

3
example/pages/icon/index.json
View File

@ -1,7 +1,6 @@
{ {
"navigationBarTitleText": "Icon 图标", "navigationBarTitleText": "Icon 图标",
"usingComponents": { "usingComponents": {
"van-icon": "../../dist/icon/index", "van-icon": "../../dist/icon/index"
"doc-page": "../../components/doc-page/index"
} }
} }

6
example/pages/icon/index.wxml
View File

@ -1,8 +1,6 @@
<doc-page title="ICON"> <view wx:for="{{ icons }}" wx:for-item="icon" wx:key="icon" class="icon-wrap">
<view wx:for="{{ icons }}" wx:for-item="icon" wx:key="icon" class="icon-wrap">
<view class="example-icon"> <view class="example-icon">
<van-icon type="{{ icon }}"></van-icon> <van-icon type="{{ icon }}"></van-icon>
</view> </view>
<view class="icon-classname">van-icon-{{ icon }}</view> <view class="icon-classname">van-icon-{{ icon }}</view>
</view> </view>
</doc-page>

3
example/pages/layout/index.json
View File

@ -2,7 +2,6 @@
"usingComponents": { "usingComponents": {
"van-row": "../../dist/row/index", "van-row": "../../dist/row/index",
"van-col": "../../dist/col/index", "van-col": "../../dist/col/index",
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index"
"doc-page": "../../components/doc-page/index"
} }
} }

12
example/pages/layout/index.wxml
View File

@ -1,14 +1,12 @@
<doc-page title="LAYOUT" without-padding> <van-panel title="基础用法">
<van-panel title="基础用法">
<van-row> <van-row>
<van-col col="8" col-class="custom-van-col">span: 8</van-col> <van-col col="8" col-class="custom-van-col">span: 8</van-col>
<van-col col="8" col-class="custom-van-col">span: 8</van-col> <van-col col="8" col-class="custom-van-col">span: 8</van-col>
<van-col col="8" col-class="custom-van-col">span: 8</van-col> <van-col col="8" col-class="custom-van-col">span: 8</van-col>
</van-row> </van-row>
</van-panel> </van-panel>
<van-panel title="利用 offset 布局"> <van-panel title="利用 offset 布局">
<van-row> <van-row>
<van-col col="4" col-class="custom-van-col">span: 4</van-col> <van-col col="4" col-class="custom-van-col">span: 4</van-col>
<van-col col="10" offset="4" col-class="custom-van-col">offset: 4, span: 10</van-col> <van-col col="10" offset="4" col-class="custom-van-col">offset: 4, span: 10</van-col>
@ -16,6 +14,4 @@
<van-row> <van-row>
<van-col col="12" offset="12" col-class="custom-van-col">offset: 12, span: 12</van-col> <van-col col="12" offset="12" col-class="custom-van-col">offset: 12, span: 12</van-col>
</van-row> </van-row>
</van-panel> </van-panel>
</doc-page>

2
example/pages/loading/index.wxml
View File

@ -1,7 +1,5 @@
<view class="container"> <view class="container">
<view class="doc-title van-hairline--bottom">LOADING</view>
<view class="van-panel-title">circle</view> <view class="van-panel-title">circle</view>
<view class="loading-example van-panel"> <view class="loading-example van-panel">
<van-loading type="circle"></van-loading> <van-loading type="circle"></van-loading>

3
example/pages/loadmore/index.json
View File

@ -2,7 +2,6 @@
"navigationBarTitleText": "loadmore 加载", "navigationBarTitleText": "loadmore 加载",
"usingComponents": { "usingComponents": {
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index",
"van-loadmore": "../../dist/loadmore/index", "van-loadmore": "../../dist/loadmore/index"
"doc-page": "../../components/doc-page/index"
} }
} }

14
example/pages/loadmore/index.wxml
View File

@ -1,11 +1,9 @@
<doc-page title="LOADMORE" without-padding> <van-panel title="nodata">
<van-panel title="nodata">
<van-loadmore type="text"></van-loadmore> <van-loadmore type="text"></van-loadmore>
</van-panel> </van-panel>
<van-panel title="loading"> <van-panel title="loading">
<van-loadmore type="loading"></van-loadmore> <van-loadmore type="loading"></van-loadmore>
</van-panel> </van-panel>
<van-panel title="text"> <van-panel title="text">
<van-loadmore type="text" text="暂无数据"></van-loadmore> <van-loadmore type="text" text="暂无数据"></van-loadmore>
</van-panel> </van-panel>
</doc-page>

3
example/pages/noticebar/index.json
View File

@ -2,7 +2,6 @@
"navigationBarTitleText": "Noticebar 通告栏", "navigationBarTitleText": "Noticebar 通告栏",
"usingComponents": { "usingComponents": {
"van-noticebar": "../../dist/noticebar/index", "van-noticebar": "../../dist/noticebar/index",
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index"
"doc-page": "../../components/doc-page/index"
} }
} }

31
example/pages/noticebar/index.wxml
View File

@ -1,54 +1,51 @@
<doc-page title="NOTICEBAR" without-padding>
<van-panel title="滚动通告栏"> <van-panel title="滚动通告栏">
<van-noticebar <van-noticebar
text="{{ bar1.text }}" text="{{ bar1.text }}"
scrollable="{{ bar1.scrollable }}" scrollable="{{ bar1.scrollable }}"
/> />
</van-panel> </van-panel>
<van-panel title="延时滚动通告栏"> <van-panel title="延时滚动通告栏">
<van-noticebar <van-noticebar
text="{{ bar1.text }}" text="{{ bar1.text }}"
scrollable="{{ bar1.scrollable }}" scrollable="{{ bar1.scrollable }}"
delay="{{ bar1.delay }}" delay="{{ bar1.delay }}"
/> />
</van-panel> </van-panel>
<van-panel title="初始速度低滚动通告栏"> <van-panel title="初始速度低滚动通告栏">
<van-noticebar <van-noticebar
text="{{ bar1.text }}" text="{{ bar1.text }}"
scrollable="{{ bar1.scrollable }}" scrollable="{{ bar1.scrollable }}"
speed="{{ bar5.speed }}" speed="{{ bar5.speed }}"
/> />
</van-panel> </van-panel>
<van-panel title="改变颜色通告栏"> <van-panel title="改变颜色通告栏">
<van-noticebar <van-noticebar
text="{{ bar2.text }}" text="{{ bar2.text }}"
color="{{ bar2.color }}" color="{{ bar2.color }}"
background-color="{{ bar2.backgroundColor }}" background-color="{{ bar2.backgroundColor }}"
/> />
</van-panel> </van-panel>
<van-panel title="静止通告栏"> <van-panel title="静止通告栏">
<van-noticebar <van-noticebar
text="{{ bar3.text }}" text="{{ bar3.text }}"
/> />
</van-panel> </van-panel>
<van-panel title="带icon公告"> <van-panel title="带icon公告">
<van-noticebar <van-noticebar
text="{{ bar4.text }}" text="{{ bar4.text }}"
left-icon="{{ bar4.leftIcon }}" left-icon="{{ bar4.leftIcon }}"
/> />
</van-panel> </van-panel>
<van-panel title="可关闭公告"> <van-panel title="可关闭公告">
<van-noticebar <van-noticebar
text="{{ bar5.text }}" text="{{ bar5.text }}"
mode="{{ bar5.mode }}" mode="{{ bar5.mode }}"
/> />
</van-panel> </van-panel>
</doc-page>

3
example/pages/panel/index.json
View File

@ -1,7 +1,6 @@
{ {
"navigationBarTitleText": "Panel 面板", "navigationBarTitleText": "Panel 面板",
"usingComponents": { "usingComponents": {
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index"
"doc-page": "../../components/doc-page/index"
} }
} }

16
example/pages/panel/index.wxml
View File

@ -1,15 +1,11 @@
<doc-page title="PANEL" without-padding> <van-panel class="panel-example">
<van-panel class="panel-example">
<view style="padding: 15px;">PANEL 内容区域</view> <view style="padding: 15px;">PANEL 内容区域</view>
</van-panel> </van-panel>
<van-panel title="标题" class="panel-example"> <van-panel title="标题" class="panel-example">
<view style="padding: 15px;">带有标题的 PANEL</view> <view style="padding: 15px;">带有标题的 PANEL</view>
</van-panel> </van-panel>
<van-panel title="标题" hide-border="{{ true }}" class="panel-example"> <van-panel title="标题" hide-border="{{ true }}" class="panel-example">
<view style="padding: 15px;">无边框的panel</view> <view style="padding: 15px;">无边框的panel</view>
</van-panel> </van-panel>
</doc-page>

1
example/pages/popup/index.json
View File

@ -1,7 +1,6 @@
{ {
"navigationBarTitleText": "Popup 弹出层", "navigationBarTitleText": "Popup 弹出层",
"usingComponents": { "usingComponents": {
"doc-page": "../../components/doc-page/index",
"van-popup": "../../dist/popup/index", "van-popup": "../../dist/popup/index",
"van-button": "../../dist/button/index", "van-button": "../../dist/button/index",
"van-button-group": "../../dist/button-group/index" "van-button-group": "../../dist/button-group/index"

47
example/pages/popup/index.wxml
View File

@ -1,5 +1,4 @@
<doc-page title="POPUP"> <van-button-group style="margin-top: 10vh;display: block;">
<van-button-group style="margin-top: 10vh;display: block;">
<van-button class="van-button" bind:buttonclick="togglePopup"> <van-button class="van-button" bind:buttonclick="togglePopup">
弹出popup 弹出popup
</van-button> </van-button>
@ -15,13 +14,13 @@
<van-button class="van-button" bind:buttonclick="toggleRightPopup"> <van-button class="van-button" bind:buttonclick="toggleRightPopup">
从右边弹出popup 从右边弹出popup
</van-button> </van-button>
</van-button-group> </van-button-group>
<!-- 中间弹出框 --> <!-- 中间弹出框 -->
<van-popup <van-popup
show="{{ showPopup }}" show="{{ showPopup }}"
bindclose="togglePopup" bindclose="togglePopup"
> >
<view class="pop-example__container"> <view class="pop-example__container">
<view class="van-buttons"> <view class="van-buttons">
<button class="van-button" bindtap="togglePopup"> <button class="van-button" bindtap="togglePopup">
@ -29,14 +28,14 @@
</button> </button>
</view> </view>
</view> </view>
</van-popup> </van-popup>
<!-- 左侧弹出框 --> <!-- 左侧弹出框 -->
<van-popup <van-popup
show="{{ showLeftPopup }}" show="{{ showLeftPopup }}"
type="left" type="left"
bindclose="toggleLeftPopup" bindclose="toggleLeftPopup"
> >
<view class="pop-example__container pop-example__container--left"> <view class="pop-example__container pop-example__container--left">
<view class="van-buttons"> <view class="van-buttons">
<button class="van-button" bindtap="toggleLeftPopup"> <button class="van-button" bindtap="toggleLeftPopup">
@ -44,14 +43,14 @@
</button> </button>
</view> </view>
</view> </view>
</van-popup> </van-popup>
<!-- 右侧弹出框 --> <!-- 右侧弹出框 -->
<van-popup <van-popup
show="{{ showRightPopup }}" show="{{ showRightPopup }}"
type="right" type="right"
bindclose="toggleRightPopup" bindclose="toggleRightPopup"
> >
<view class="pop-example__container pop-example__container--right"> <view class="pop-example__container pop-example__container--right">
<view class="van-buttons"> <view class="van-buttons">
<button class="van-button" catchtap="toggleRightPopup"> <button class="van-button" catchtap="toggleRightPopup">
@ -59,24 +58,24 @@
</button> </button>
</view> </view>
</view> </view>
</van-popup> </van-popup>
<!-- 顶部弹出框 --> <!-- 顶部弹出框 -->
<van-popup <van-popup
show="{{ showTopPopup }}" show="{{ showTopPopup }}"
overlay="{{ false }}" overlay="{{ false }}"
type="top" type="top"
bindclose="toggleTopPopup" bindclose="toggleTopPopup"
> >
<view class="pop-example--top">内容</view> <view class="pop-example--top">内容</view>
</van-popup> </van-popup>
<!-- 底部弹出框 --> <!-- 底部弹出框 -->
<van-popup <van-popup
show="{{ showBottomPopup }}" show="{{ showBottomPopup }}"
type="bottom" type="bottom"
bindclose="toggleBottomPopup" bindclose="toggleBottomPopup"
> >
<view class="pop-example__container pop-example__container--bottom"> <view class="pop-example__container pop-example__container--bottom">
<view class="van-buttons"> <view class="van-buttons">
<button class="van-button" catchtap="toggleBottomPopup"> <button class="van-button" catchtap="toggleBottomPopup">
@ -84,6 +83,4 @@
</button> </button>
</view> </view>
</view> </view>
</van-popup> </van-popup>
</doc-page>

3
example/pages/radio/index.json
View File

@ -3,7 +3,6 @@
"usingComponents": { "usingComponents": {
"van-radio": "../../dist/radio/index", "van-radio": "../../dist/radio/index",
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index",
"van-cell": "../../dist/cell/index", "van-cell": "../../dist/cell/index"
"doc-page": "../../components/doc-page/index"
} }
} }

22
example/pages/radio/index.wxml
View File

@ -1,35 +1,33 @@
<doc-page title="radio" without-padding> <van-panel title='基本用法'>
<van-panel title='基本用法'>
<van-radio <van-radio
items="{{ items }}" items="{{ items }}"
></van-radio> ></van-radio>
</van-panel> </van-panel>
<van-panel title='禁用状态'> <van-panel title='禁用状态'>
<van-radio <van-radio
items="{{ items1 }}" items="{{ items1 }}"
></van-radio> ></van-radio>
</van-panel> </van-panel>
<van-panel title='事件'> <van-panel title='事件'>
<van-radio <van-radio
items="{{ items }}" items="{{ items }}"
bind:change="handleRadioChange" bind:change="handleRadioChange"
></van-radio> ></van-radio>
</van-panel> </van-panel>
<van-panel title='自定义样式'> <van-panel title='自定义样式'>
<van-radio <van-radio
items="{{ items }}" items="{{ items }}"
radio-color="radio-color" radio-color="radio-color"
radio-class="radio-demo" radio-class="radio-demo"
></van-radio> ></van-radio>
</van-panel> </van-panel>
<van-panel title='列表模式'> <van-panel title='列表模式'>
<van-radio <van-radio
items="{{ items }}" items="{{ items }}"
type="list" type="list"
></van-radio> ></van-radio>
</van-panel> </van-panel>
</doc-page>

3
example/pages/search/index.json
View File

@ -3,7 +3,6 @@
"usingComponents": { "usingComponents": {
"van-icon": "../icon/index", "van-icon": "../icon/index",
"van-search": "../../dist/search/index", "van-search": "../../dist/search/index",
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index"
"doc-page": "../../components/doc-page/index"
} }
} }

19
example/pages/search/index.wxml
View File

@ -1,6 +1,4 @@
<doc-page title="Search" without-padding> <van-panel title='基本用法'>
<van-panel title='基本用法'>
<van-search <van-search
alignLeft="{{ true }}" alignLeft="{{ true }}"
placeholder="搜索..." placeholder="搜索..."
@ -10,18 +8,18 @@
bindchange="searchChange" bindchange="searchChange"
bindsearch="searchDone" bindsearch="searchDone"
/> />
</van-panel> </van-panel>
<van-panel title='不可用'> <van-panel title='不可用'>
<van-search <van-search
alignLeft="{{ true }}" alignLeft="{{ true }}"
placeholder="搜索..." placeholder="搜索..."
disabled="{{ true }}" disabled="{{ true }}"
placeholder="搜索商品" placeholder="搜索商品"
/> />
</van-panel> </van-panel>
<van-panel title='自定义样式'> <van-panel title='自定义样式'>
<van-search <van-search
alignLeft="{{ true }}" alignLeft="{{ true }}"
placeholder="搜索..." placeholder="搜索..."
@ -33,9 +31,9 @@
bindchange="searchChange" bindchange="searchChange"
bindsearch="searchDone" bindsearch="searchDone"
/> />
</van-panel> </van-panel>
<van-panel title='取消按钮'> <van-panel title='取消按钮'>
<van-search <van-search
alignLeft="{{ true }}" alignLeft="{{ true }}"
placeholder="搜索..." placeholder="搜索..."
@ -47,5 +45,4 @@
bindsearch="searchDone" bindsearch="searchDone"
bindcancel="handleCancel" bindcancel="handleCancel"
/> />
</van-panel> </van-panel>
</doc-page>

1
example/pages/select/index.json
View File

@ -1,7 +1,6 @@
{ {
"navigationBarTitleText": "Select 选择", "navigationBarTitleText": "Select 选择",
"usingComponents": { "usingComponents": {
"doc-page": "../../components/doc-page/index",
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index",
"van-select": "../../dist/select/index" "van-select": "../../dist/select/index"
} }

10
example/pages/select/index.wxml
View File

@ -1,14 +1,13 @@
<doc-page title="SELECT" without-padding> <van-panel title='基本用法'>
<van-panel title='基本用法'>
<van-select <van-select
items="{{ items }}" items="{{ items }}"
data-type="base" data-type="base"
checkedValue="{{ checked.base }}" checkedValue="{{ checked.base }}"
bind:change="handleSelectChange" bind:change="handleSelectChange"
/> />
</van-panel> </van-panel>
<van-panel title='自定义高亮颜色'> <van-panel title='自定义高亮颜色'>
<van-select <van-select
items="{{ items }}" items="{{ items }}"
data-type="color" data-type="color"
@ -16,5 +15,4 @@
activeColor="{{ activeColor }}" activeColor="{{ activeColor }}"
bind:change="handleSelectChange" bind:change="handleSelectChange"
/> />
</van-panel> </van-panel>
</doc-page>

3
example/pages/stepper/index.json
View File

@ -2,7 +2,6 @@
"navigationBarTitleText": "Stepper 计数器", "navigationBarTitleText": "Stepper 计数器",
"usingComponents": { "usingComponents": {
"van-stepper": "../../dist/stepper/index", "van-stepper": "../../dist/stepper/index",
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index"
"doc-page": "../../components/doc-page/index"
} }
} }

16
example/pages/stepper/index.wxml
View File

@ -1,5 +1,4 @@
<doc-page title="Stepper" without-padding> <van-panel title="基础用法">
<van-panel title="基础用法">
<view style="padding: 40px 15px"> <view style="padding: 40px 15px">
<van-stepper <van-stepper
stepper="{{ stepper1.stepper }}" stepper="{{ stepper1.stepper }}"
@ -9,10 +8,10 @@
> >
</van-stepper> </van-stepper>
</view> </view>
</van-panel> </van-panel>
<!-- small size --> <!-- small size -->
<van-panel title="不同尺寸-小尺寸类型"> <van-panel title="不同尺寸-小尺寸类型">
<view style="padding: 40px 15px"> <view style="padding: 40px 15px">
<view style="margin-bottom: 5px">small:</view> <view style="margin-bottom: 5px">small:</view>
<van-stepper <van-stepper
@ -44,9 +43,9 @@
bind:change="handleZanStepperChange" bind:change="handleZanStepperChange"
></van-stepper> ></van-stepper>
</view> </view>
</van-panel> </van-panel>
<van-panel title="高级用法-每次变动数量自定义"> <van-panel title="高级用法-每次变动数量自定义">
<view style="padding: 40px 15px"> <view style="padding: 40px 15px">
<van-stepper <van-stepper
stepper="{{ stepper3.stepper }}" stepper="{{ stepper3.stepper }}"
@ -58,5 +57,4 @@
> >
</van-stepper> </van-stepper>
</view> </view>
</van-panel> </van-panel>
</doc-page>

3
example/pages/steps/index.json
View File

@ -4,7 +4,6 @@
"van-cell": "../../dist/cell/index", "van-cell": "../../dist/cell/index",
"van-cell-group": "../../dist/cell-group/index", "van-cell-group": "../../dist/cell-group/index",
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index",
"van-steps": "../../dist/steps/index", "van-steps": "../../dist/steps/index"
"doc-page": "../../components/doc-page/index"
} }
} }

23
example/pages/steps/index.wxml
View File

@ -1,5 +1,4 @@
<doc-page title="STEPS" without-padding> <van-panel title="基础用法">
<van-panel title="基础用法">
<van-cell-group> <van-cell-group>
<van-cell> <van-cell>
<van-steps type="horizon" steps="{{steps}}"></van-steps> <van-steps type="horizon" steps="{{steps}}"></van-steps>
@ -11,9 +10,9 @@
<van-steps type="horizon" steps="{{steps3}}"></van-steps> <van-steps type="horizon" steps="{{steps3}}"></van-steps>
</van-cell> </van-cell>
</van-cell-group> </van-cell-group>
</van-panel> </van-panel>
<van-panel title="2步完成"> <van-panel title="2步完成">
<van-cell-group> <van-cell-group>
<van-cell> <van-cell>
<van-steps type="horizon" steps="{{steps4}}"></van-steps> <van-steps type="horizon" steps="{{steps4}}"></van-steps>
@ -22,9 +21,9 @@
<van-steps type="horizon" steps="{{steps5}}"></van-steps> <van-steps type="horizon" steps="{{steps5}}"></van-steps>
</van-cell> </van-cell>
</van-cell-group> </van-cell-group>
</van-panel> </van-panel>
<van-panel title="有描述的steps"> <van-panel title="有描述的steps">
<van-cell-group> <van-cell-group>
<van-cell> <van-cell>
<van-steps type="horizon" hasDesc steps="{{steps}}"></van-steps> <van-steps type="horizon" hasDesc steps="{{steps}}"></van-steps>
@ -36,9 +35,9 @@
<van-steps type="horizon" hasDesc steps="{{steps3}}"></van-steps> <van-steps type="horizon" hasDesc steps="{{steps3}}"></van-steps>
</van-cell> </van-cell>
</van-cell-group> </van-cell-group>
</van-panel> </van-panel>
<van-panel title="垂直方向的steps"> <van-panel title="垂直方向的steps">
<van-cell-group> <van-cell-group>
<van-cell> <van-cell>
<van-steps type="vertical" hasDesc steps="{{steps}}"></van-steps> <van-steps type="vertical" hasDesc steps="{{steps}}"></van-steps>
@ -47,9 +46,9 @@
<van-steps type="vertical" hasDesc steps="{{steps2}}"></van-steps> <van-steps type="vertical" hasDesc steps="{{steps2}}"></van-steps>
</van-cell> </van-cell>
</van-cell-group> </van-cell-group>
</van-panel> </van-panel>
<van-panel title="自定义 class"> <van-panel title="自定义 class">
<van-cell-group> <van-cell-group>
<van-cell cell-class="gray"> <van-cell cell-class="gray">
<van-steps <van-steps
@ -61,6 +60,4 @@
></van-steps> ></van-steps>
</van-cell> </van-cell>
</van-cell-group> </van-cell-group>
</van-panel> </van-panel>
</doc-page>

3
example/pages/switch/index.json
View File

@ -3,7 +3,6 @@
"usingComponents": { "usingComponents": {
"van-switch": "../../dist/switch/index", "van-switch": "../../dist/switch/index",
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index",
"van-cell": "../../dist/cell/index", "van-cell": "../../dist/cell/index"
"doc-page": "../../components/doc-page/index"
} }
} }

20
example/pages/switch/index.wxml
View File

@ -1,27 +1,23 @@
<doc-page title="SWITCH" without-padding> <van-panel title='同步开关'>
<van-panel title='同步开关'>
<van-cell> <van-cell>
<van-switch checked="{{sync.checked}}" bind:change="syncChange" /> <van-switch checked="{{sync.checked}}" bind:change="syncChange" />
</van-cell> </van-cell>
</van-panel> </van-panel>
<van-panel title='异步开关'> <van-panel title='异步开关'>
<van-cell> <van-cell>
<van-switch checked="{{async.checked}}" disabled="{{ async.disabled }}" loading="{{ async.loading }}" bind:change="asyncChange" /> <van-switch checked="{{async.checked}}" disabled="{{ async.disabled }}" loading="{{ async.loading }}" bind:change="asyncChange" />
</van-cell> </van-cell>
</van-panel> </van-panel>
<van-panel title='禁止改动的开关'> <van-panel title='禁止改动的开关'>
<van-cell> <van-cell>
<van-switch disabled="{{ false }}" /> <van-switch disabled="{{ false }}" />
</van-cell> </van-cell>
</van-panel> </van-panel>
<van-panel title='自定义高亮样式'> <van-panel title='自定义高亮样式'>
<van-cell> <van-cell>
<van-switch theme-class="switch-theme" disabled="{{ false }}" checked/> <van-switch theme-class="switch-theme" disabled="{{ false }}" checked/>
</van-cell> </van-cell>
</van-panel> </van-panel>
</doc-page>

3
example/pages/tab/index.json
View File

@ -1,7 +1,6 @@
{ {
"navigationBarTitleText": "Tab 标签", "navigationBarTitleText": "Tab 标签",
"usingComponents": { "usingComponents": {
"van-tab": "../../dist/tab/index", "van-tab": "../../dist/tab/index"
"doc-page": "../../components/doc-page/index"
} }
} }

16
example/pages/tab/index.wxml
View File

@ -1,26 +1,22 @@
<doc-page title="TAB" without-padding> <view style="margin: 30px 0">
<view style="margin: 30px 0">
<van-tab <van-tab
list="{{ tab.list }}" list="{{ tab.list }}"
selected-id="{{ tab.selectedId }}" selected-id="{{ tab.selectedId }}"
/> />
</view> </view>
<view style="margin: 30px 0"> <view style="margin: 30px 0">
<van-tab <van-tab
list="{{ tab1.list }}" list="{{ tab1.list }}"
selected-id="{{ tab1.selectedId }}" selected-id="{{ tab1.selectedId }}"
/> />
</view> </view>
<view style="margin: 30px 0"> <view style="margin: 30px 0">
<van-tab <van-tab
list="{{ tab2.list }}" list="{{ tab2.list }}"
selected-id="{{ tab2.selectedId }}" selected-id="{{ tab2.selectedId }}"
scroll="{{ tab2.scroll }}" scroll="{{ tab2.scroll }}"
height="{{ tab2.height }}" height="{{ tab2.height }}"
/> />
</view> </view>
</doc-page>

3
example/pages/tab/index.wxss
View File

@ -1,3 +0,0 @@
.doc-title {
margin-top: 50px;
}

3
example/pages/tag/index.json
View File

@ -3,7 +3,6 @@
"usingComponents": { "usingComponents": {
"van-cell": "../../dist/cell/index", "van-cell": "../../dist/cell/index",
"van-panel": "../../dist/panel/index", "van-panel": "../../dist/panel/index",
"van-tag": "../../dist/tag/index", "van-tag": "../../dist/tag/index"
"doc-page": "../../components/doc-page/index"
} }
} }

14
example/pages/tag/index.wxml
View File

@ -1,22 +1,21 @@
<doc-page title="Tag" without-padding> <van-panel title="基础用法" class="tag-demo">
<van-panel title="基础用法" class="tag-demo">
<van-cell> <van-cell>
<van-tag>灰色</van-tag> <van-tag>灰色</van-tag>
<van-tag type="danger">红色</van-tag> <van-tag type="danger">红色</van-tag>
<van-tag disabled>不可用</van-tag> <van-tag disabled>不可用</van-tag>
</van-cell> </van-cell>
</van-panel> </van-panel>
<van-panel title="各种不同类型" class="tag-demo"> <van-panel title="各种不同类型" class="tag-demo">
<van-cell> <van-cell>
<van-tag type="danger">会员折扣</van-tag> <van-tag type="danger">会员折扣</van-tag>
<van-tag type="warn">返现</van-tag> <van-tag type="warn">返现</van-tag>
<van-tag type="primary">返现</van-tag> <van-tag type="primary">返现</van-tag>
<van-tag type="primary" disabled>不可用</van-tag> <van-tag type="primary" disabled>不可用</van-tag>
</van-cell> </van-cell>
</van-panel> </van-panel>
<van-panel title="镂空 Tag" class="tag-demo"> <van-panel title="镂空 Tag" class="tag-demo">
<van-cell> <van-cell>
<van-tag plain>灰色</van-tag> <van-tag plain>灰色</van-tag>
<van-tag type="danger" plain>会员折扣</van-tag> <van-tag type="danger" plain>会员折扣</van-tag>
@ -24,5 +23,4 @@
<van-tag type="primary" plain>返现</van-tag> <van-tag type="primary" plain>返现</van-tag>
<van-tag type="primary" plain disabled>返现不可用</van-tag> <van-tag type="primary" plain disabled>返现不可用</van-tag>
</van-cell> </van-cell>
</van-panel> </van-panel>
</doc-page>

2
example/pages/toast/index.wxml
View File

@ -2,8 +2,6 @@
<view class="container"> <view class="container">
<view class="doc-title van-hairline--bottom">TOAST</view>
<van-button-group style="margin-top: 15vh;display: block;"> <van-button-group style="margin-top: 15vh;display: block;">
<van-button bind:buttonclick="showToast"> <van-button bind:buttonclick="showToast">
显示toast 显示toast

3
example/pages/toptips/index.json
View File

@ -2,7 +2,6 @@
"navigationBarTitleText": "Toptips 顶部提示", "navigationBarTitleText": "Toptips 顶部提示",
"usingComponents": { "usingComponents": {
"van-button": "../../dist/button/index", "van-button": "../../dist/button/index",
"van-toptips": "../../dist/toptips/index", "van-toptips": "../../dist/toptips/index"
"doc-page": "../../components/doc-page/index"
} }
} }

12
example/pages/toptips/index.wxml
View File

@ -1,22 +1,20 @@
<doc-page title="TOPTIPS"> <view style="margin-top: 30vh;">
<view style="margin-top: 30vh;">
<van-button bind:buttonclick="showTopTips"> <van-button bind:buttonclick="showTopTips">
显示toptips，声明式调用 显示toptips，声明式调用
</van-button> </van-button>
</view> </view>
<view style="margin-top: 30px;"> <view style="margin-top: 30px;">
<van-button bind:buttonclick="showTopTips2"> <van-button bind:buttonclick="showTopTips2">
显示toptips，命令式调用 显示toptips，命令式调用
</van-button> </van-button>
</view> </view>
<view style="margin-top: 30px;"> <view style="margin-top: 30px;">
<van-button bind:buttonclick="showTopTips3"> <van-button bind:buttonclick="showTopTips3">
显示toptips，持续一秒 显示toptips，持续一秒
</van-button> </van-button>
</view> </view>
</doc-page>
<van-toptips <van-toptips
id="van-toptips" id="van-toptips"

3
example/pages/tree-select/index.json
View File

@ -1,7 +1,6 @@
{ {
"navigationBarTitleText": "Tree Select 分类选择", "navigationBarTitleText": "Tree Select 分类选择",
"usingComponents": { "usingComponents": {
"van-tree-select": "../../dist/tree-select/index", "van-tree-select": "../../dist/tree-select/index"
"doc-page": "../../components/doc-page/index"
} }
} }

6
example/pages/tree-select/index.wxml
View File

@ -1,5 +1,4 @@
<doc-page title="TREE SELECT" without-padding> <view style="margin-top: 5vh;">
<view style="margin-top: 5vh;">
<van-tree-select <van-tree-select
items="{{ items }}" items="{{ items }}"
main-active-index="{{ mainActiveIndex }}" main-active-index="{{ mainActiveIndex }}"
@ -7,5 +6,4 @@
bind:itemclick="handleItemClick" bind:itemclick="handleItemClick"
bind:navclick="handleNavClick" bind:navclick="handleNavClick"
></van-tree-select> ></van-tree-select>
</view> </view>
</doc-page>