mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-05-21 13:59:15 +08:00
[Doc] remove doc-page
This commit is contained in:
陈嘉涵
parent
1f34ff1a18
commit
2f6ec315cb
@ -1,5 +1,4 @@
|
||||
|
||||
App({
|
||||
globalData: {
|
||||
},
|
||||
globalData: {}
|
||||
});
|
||||
|
||||
@ -36,7 +36,7 @@
|
||||
"navigationBarTitleText": "vant-weapp",
|
||||
"navigationBarTextStyle": "black",
|
||||
"backgroundTextStyle": "dark",
|
||||
"backgroundColor": "#f9f9f9"
|
||||
"backgroundColor": "#f8f8f8"
|
||||
},
|
||||
"debug": true
|
||||
}
|
||||
|
||||
@ -2,42 +2,10 @@
|
||||
|
||||
page {
|
||||
color: #333;
|
||||
background: #f8f8f8;
|
||||
min-height: 100vh;
|
||||
box-sizing: border-box;
|
||||
padding: 15rpx 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
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;
|
||||
}
|
||||
|
||||
@ -1,12 +0,0 @@
|
||||
Component({
|
||||
properties: {
|
||||
title: {
|
||||
type: String,
|
||||
value: ''
|
||||
},
|
||||
|
||||
withoutPadding: {
|
||||
type: Boolean
|
||||
}
|
||||
}
|
||||
});
|
||||
@ -1,3 +0,0 @@
|
||||
{
|
||||
"component": true
|
||||
}
|
||||
@ -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>
|
||||
@ -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;
|
||||
}
|
||||
@ -2,7 +2,6 @@
|
||||
"navigationBarTitleText": "Actionsheet 上拉菜单",
|
||||
"usingComponents": {
|
||||
"van-actionsheet": "../../dist/actionsheet/index",
|
||||
"van-button": "../../dist/button/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-button": "../../dist/button/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,12 +1,10 @@
|
||||
|
||||
<doc-page title="ACTIONSHEET">
|
||||
<view class="van-buttons" style="margin-top: 30vh;">
|
||||
<view class="van-buttons" style="margin-top: 30vh;">
|
||||
<van-button bind:buttonclick="openActionsheet">
|
||||
Actionsheet
|
||||
</van-button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<van-actionsheet
|
||||
<van-actionsheet
|
||||
show="{{ show }}"
|
||||
actions="{{ actions }}"
|
||||
cancel-text="{{ cancelText }}"
|
||||
@ -14,5 +12,4 @@
|
||||
bind:cancel="closeActionSheet"
|
||||
bind:actionclick="clickAction"
|
||||
mask-class="tiny"
|
||||
/>
|
||||
</doc-page>
|
||||
/>
|
||||
|
||||
@ -1,7 +1,5 @@
|
||||
<view class="container">
|
||||
|
||||
<view class="doc-title van-hairline--bottom van-hairline--bottom">BADGE</view>
|
||||
|
||||
<view class="demo">
|
||||
<view class="demo__item">
|
||||
<view class="demo__icon">
|
||||
|
||||
@ -3,7 +3,6 @@
|
||||
"usingComponents": {
|
||||
"van-button": "../../dist/button/index",
|
||||
"van-button-group": "../../dist/button-group/index",
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-panel": "../../dist/panel/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,4 @@
|
||||
<doc-page title="BUTTON" without-padding>
|
||||
|
||||
<van-panel title="普通按钮">
|
||||
<van-panel title="普通按钮">
|
||||
<van-button-group>
|
||||
<van-button
|
||||
open-type="getPhoneNumber"
|
||||
@ -10,46 +8,44 @@
|
||||
<van-button type="danger">确认付款</van-button>
|
||||
<van-button type="warn">确认付款</van-button>
|
||||
</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="warn">立即购买</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 size="small">取消订单</van-button>
|
||||
<van-button size="small" type="primary">确认付款</van-button>
|
||||
</van-button-group>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="迷你按钮">
|
||||
<van-panel title="迷你按钮">
|
||||
<van-button-group>
|
||||
<van-button size="mini">取消订单</van-button>
|
||||
<van-button size="mini" type="primary">确认付款</van-button>
|
||||
<van-button size="mini" type="warn">确认付款</van-button>
|
||||
<van-button size="mini" type="danger">确认付款</van-button>
|
||||
</van-button-group>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="Loading">
|
||||
<van-panel title="Loading">
|
||||
<van-button-group>
|
||||
<van-button loading>取消订单</van-button>
|
||||
<van-button loading type="primary">确认付款</van-button>
|
||||
<van-button loading type="danger">确认付款</van-button>
|
||||
<van-button loading type="warn">确认付款</van-button>
|
||||
</van-button-group>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="Disabled">
|
||||
<van-panel title="Disabled">
|
||||
<van-button-group>
|
||||
<van-button disabled>取消订单</van-button>
|
||||
<van-button disabled type="primary">确认付款</van-button>
|
||||
<van-button disabled type="danger">确认付款</van-button>
|
||||
<van-button disabled type="warn">确认付款</van-button>
|
||||
</van-button-group>
|
||||
</van-panel>
|
||||
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
"navigationBarTitleText": "Capsule 胶囊",
|
||||
"usingComponents": {
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"van-capsule": "../../dist/capsule/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-capsule": "../../dist/capsule/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,15 +1,12 @@
|
||||
<doc-page title="CAPSULE" without-padding>
|
||||
|
||||
<van-panel title='基本用法'>
|
||||
<van-panel title='基本用法'>
|
||||
<view class="capsule-demo">
|
||||
<van-capsule leftText="折扣" rightText="限购一份" />
|
||||
<van-capsule type="danger" leftText="折扣" rightText="限购一份" />
|
||||
</view>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title='自定义颜色'>
|
||||
<van-panel title='自定义颜色'>
|
||||
<view class="capsule-demo">
|
||||
<van-capsule color="#38f" leftText="折扣" rightText="限购一份" />
|
||||
</view>
|
||||
</van-panel>
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
"navigationBarTitleText": "Card 卡片",
|
||||
"usingComponents": {
|
||||
"van-card": "../../dist/card/index",
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-panel": "../../dist/panel/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,4 @@
|
||||
<doc-page title="CAPSULE" without-padding>
|
||||
|
||||
<van-panel without-border>
|
||||
<van-panel without-border>
|
||||
<van-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"
|
||||
@ -12,9 +10,9 @@
|
||||
>
|
||||
</van-card>
|
||||
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="使用slot">
|
||||
<van-panel title="使用slot">
|
||||
<van-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"
|
||||
@ -26,5 +24,4 @@
|
||||
我是自定义内容区域
|
||||
</view>
|
||||
</van-card>
|
||||
</van-panel>
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
@ -5,7 +5,6 @@
|
||||
"van-icon": "../../dist/icon/index",
|
||||
"van-badge": "../../dist/badge/index",
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"van-cell-group": "../../dist/cell-group/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-cell-group": "../../dist/cell-group/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -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-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-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-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-icon slot="icon" type="checked"></van-icon>
|
||||
</van-cell>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel class="cell-panel-demo">
|
||||
<van-panel class="cell-panel-demo">
|
||||
<van-cell title="单行列表">
|
||||
<picker mode="date" value="{{date}}" start="2018-07-01" end="2018-09-01" bindchange="bindDateChange">
|
||||
<view class="picker">
|
||||
@ -26,22 +25,22 @@
|
||||
</view>
|
||||
</picker>
|
||||
</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-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-cell-group border class="cell-panel-demo">
|
||||
<van-cell-group border class="cell-panel-demo">
|
||||
<van-cell
|
||||
title="跳转到首页"
|
||||
is-link
|
||||
url="/pages/dashboard/index"
|
||||
bindtap="handleTap"
|
||||
></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 title="只显示箭头" is-link></van-cell>
|
||||
<van-cell title="跳转到首页" is-link url="/pages/dashboard/index"></van-cell>
|
||||
@ -62,5 +61,4 @@
|
||||
<switch slot="footer" checked/>
|
||||
</van-cell>
|
||||
</van-cell-group>
|
||||
</van-panel>
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
@ -4,7 +4,6 @@
|
||||
"van-checkbox-group": "../../dist/checkbox-group/index",
|
||||
"van-checkbox": "../../dist/checkbox/index",
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"van-cell": "../../dist/cell/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-cell": "../../dist/cell/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,27 +1,26 @@
|
||||
<doc-page title="checkbox" without-padding>
|
||||
<van-panel title='基本用法'>
|
||||
<van-panel title='基本用法'>
|
||||
<van-checkbox
|
||||
checkbox-class="checkbox-demo"
|
||||
bindchange="handleCheckboxChange"
|
||||
>复选框</van-checkbox>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title='禁用状态'>
|
||||
<van-panel title='禁用状态'>
|
||||
<van-checkbox
|
||||
checkbox-class="checkbox-demo"
|
||||
disabled
|
||||
checked="{{ true }}"
|
||||
>复选框</van-checkbox>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title='禁用内容部分点击事件'>
|
||||
<van-panel title='禁用内容部分点击事件'>
|
||||
<van-checkbox
|
||||
checkbox-class="checkbox-demo"
|
||||
label-disabled
|
||||
>复选框</van-checkbox>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title='Checkbox组'>
|
||||
<van-panel title='Checkbox组'>
|
||||
<van-checkbox-group>
|
||||
<van-checkbox
|
||||
wx:for="{{ items }}"
|
||||
@ -33,11 +32,10 @@
|
||||
bindchange="handleCheckboxChange"
|
||||
>复选框 {{ item.value }}</van-checkbox>
|
||||
</van-checkbox-group>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title='列表模式'>
|
||||
<van-panel title='列表模式'>
|
||||
<van-checkbox type="list">复选框 a</van-checkbox>
|
||||
<van-checkbox type="list">复选框 b</van-checkbox>
|
||||
<van-checkbox type="list">复选框 c</van-checkbox>
|
||||
</van-panel>
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
.container {
|
||||
padding: 60px 0 20px;
|
||||
padding-top: 45px;
|
||||
}
|
||||
|
||||
.title {
|
||||
|
||||
@ -4,7 +4,6 @@
|
||||
"van-date-picker": "../../dist/datetime-picker/index",
|
||||
"van-cell": "../../dist/cell/index",
|
||||
"van-cell-group": "../../dist/cell-group/index",
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-panel": "../../dist/panel/index"
|
||||
}
|
||||
}
|
||||
@ -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 title="选择时间">
|
||||
<van-date-picker
|
||||
@ -32,19 +31,19 @@
|
||||
/>
|
||||
</van-cell>
|
||||
</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-date-picker
|
||||
picker-view
|
||||
bindchange="customChange"
|
||||
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-date-picker
|
||||
picker-view
|
||||
@ -52,7 +51,5 @@
|
||||
bindcancel="cancel"
|
||||
not-use="{{['years', 'seconds']}}"
|
||||
/>
|
||||
</van-panel>
|
||||
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
{
|
||||
"navigationBarTitleText": "Dialog 弹出框",
|
||||
"usingComponents": {
|
||||
"doc-page": "../../components/doc-page/index",
|
||||
"van-dialog": "../../dist/dialog/index",
|
||||
"van-button": "../../dist/button/index",
|
||||
"van-button-group": "../../dist/button-group/index",
|
||||
|
||||
@ -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="toggleWithoutTitleDialog">Dialog - 无标题</van-button>
|
||||
<van-button bindtap="toggleButtonDialog">Dialog - 自定义显示按钮</van-button>
|
||||
<van-button bindtap="toggleVerticalDialog">Dialog - 按钮纵向排布</van-button>
|
||||
<van-button bindtap="toggleOpenDialog">Dialog - 获取 Open 数据的弹窗</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-no-title-dialog"></van-dialog>
|
||||
<van-dialog id="van-button-dialog"></van-dialog>
|
||||
<van-dialog id="van-vertical-dialog"></van-dialog>
|
||||
<van-dialog id="van-open-dialog"></van-dialog>
|
||||
<van-dialog id="van-close-dialog"></van-dialog>
|
||||
<van-dialog id="van-base-dialog"></van-dialog>
|
||||
<van-dialog id="van-no-title-dialog"></van-dialog>
|
||||
<van-dialog id="van-button-dialog"></van-dialog>
|
||||
<van-dialog id="van-vertical-dialog"></van-dialog>
|
||||
<van-dialog id="van-open-dialog"></van-dialog>
|
||||
<van-dialog id="van-close-dialog"></van-dialog>
|
||||
|
||||
<van-toast id="van-toast"></van-toast>
|
||||
</doc-page>
|
||||
<van-toast id="van-toast"></van-toast>
|
||||
|
||||
@ -5,7 +5,6 @@
|
||||
"van-button-group": "../../dist/button-group/index",
|
||||
"van-cell-group": "../../dist/cell-group/index",
|
||||
"van-field": "../../dist/field/index",
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-panel": "../../dist/panel/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
<doc-page title="Field" without-padding>
|
||||
<!-- Field 基础用法 -->
|
||||
<van-panel title="基础用法">
|
||||
<!-- Field 基础用法 -->
|
||||
<van-panel title="基础用法">
|
||||
<van-cell-group>
|
||||
<van-field
|
||||
title="{{ config.base.name.title }}"
|
||||
@ -30,27 +29,27 @@
|
||||
>
|
||||
</van-field>
|
||||
</van-cell-group>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-button-group>
|
||||
<van-button-group>
|
||||
<van-button type="primary" bind:buttonclick="clearInput">清除输入</van-button>
|
||||
</van-button-group>
|
||||
</van-button-group>
|
||||
|
||||
<!-- 去除标题后的输入框样式 -->
|
||||
<van-panel title="无标题输入框">
|
||||
<!-- 去除标题后的输入框样式 -->
|
||||
<van-panel title="无标题输入框">
|
||||
<van-field
|
||||
placeholder="{{ config.notitle.placeholder }}"
|
||||
value="{{ textareaValue }}"
|
||||
>
|
||||
</van-field>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-button-group>
|
||||
<van-button-group>
|
||||
<van-button type="primary" bind:buttonclick="clearTextarea">清除输入</van-button>
|
||||
</van-button-group>
|
||||
</van-button-group>
|
||||
|
||||
<!-- 使用 Field 圆角样式 -->
|
||||
<van-panel title="圆角输入框">
|
||||
<!-- 使用 Field 圆角样式 -->
|
||||
<van-panel title="圆角输入框">
|
||||
<van-field
|
||||
title="{{ config.radius.totalPrice.title }}"
|
||||
type="{{ config.radius.totalPrice.type }}"
|
||||
@ -75,9 +74,9 @@
|
||||
input-type="{{ config.radius.notitle.inputTitle }}"
|
||||
>
|
||||
</van-field>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="Form 表单中的field应用">
|
||||
<van-panel title="Form 表单中的field应用">
|
||||
<form bindsubmit="formSubmit" bindreset="formReset">
|
||||
<van-field
|
||||
name="{{ config.form.name.name }}"
|
||||
@ -92,5 +91,4 @@
|
||||
</van-field>
|
||||
<button type="primary" form-type="submit">提交表单</button>
|
||||
</form>
|
||||
</van-panel>
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
@ -3,7 +3,6 @@
|
||||
"usingComponents": {
|
||||
"van-cell": "../../dist/cell/index",
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"van-cell-group": "../../dist/cell-group/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-cell-group": "../../dist/cell-group/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
<doc-page title="HELPER" without-padding>
|
||||
<view class="van-panel">
|
||||
<view class="van-panel">
|
||||
<van-cell>
|
||||
<view class="van-pull-right">van-pull-right: 往右靠</view>
|
||||
</van-cell>
|
||||
@ -54,6 +53,5 @@
|
||||
</view>
|
||||
</van-cell>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</doc-page>
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
{
|
||||
"navigationBarTitleText": "Icon 图标",
|
||||
"usingComponents": {
|
||||
"van-icon": "../../dist/icon/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-icon": "../../dist/icon/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -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">
|
||||
<van-icon type="{{ icon }}"></van-icon>
|
||||
</view>
|
||||
<view class="icon-classname">van-icon-{{ icon }}</view>
|
||||
</view>
|
||||
</doc-page>
|
||||
</view>
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
"usingComponents": {
|
||||
"van-row": "../../dist/row/index",
|
||||
"van-col": "../../dist/col/index",
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-panel": "../../dist/panel/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,14 +1,12 @@
|
||||
<doc-page title="LAYOUT" without-padding>
|
||||
|
||||
<van-panel title="基础用法">
|
||||
<van-panel title="基础用法">
|
||||
<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-row>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="利用 offset 布局">
|
||||
<van-panel title="利用 offset 布局">
|
||||
<van-row>
|
||||
<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>
|
||||
@ -16,6 +14,4 @@
|
||||
<van-row>
|
||||
<van-col col="12" offset="12" col-class="custom-van-col">offset: 12, span: 12</van-col>
|
||||
</van-row>
|
||||
</van-panel>
|
||||
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
@ -1,7 +1,5 @@
|
||||
<view class="container">
|
||||
|
||||
<view class="doc-title van-hairline--bottom">LOADING</view>
|
||||
|
||||
<view class="van-panel-title">circle</view>
|
||||
<view class="loading-example van-panel">
|
||||
<van-loading type="circle"></van-loading>
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
"navigationBarTitleText": "loadmore 加载",
|
||||
"usingComponents": {
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"van-loadmore": "../../dist/loadmore/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-loadmore": "../../dist/loadmore/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -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-panel>
|
||||
<van-panel title="loading">
|
||||
</van-panel>
|
||||
<van-panel title="loading">
|
||||
<van-loadmore type="loading"></van-loadmore>
|
||||
</van-panel>
|
||||
<van-panel title="text">
|
||||
</van-panel>
|
||||
<van-panel title="text">
|
||||
<van-loadmore type="text" text="暂无数据"></van-loadmore>
|
||||
</van-panel>
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
"navigationBarTitleText": "Noticebar 通告栏",
|
||||
"usingComponents": {
|
||||
"van-noticebar": "../../dist/noticebar/index",
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-panel": "../../dist/panel/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,54 +1,51 @@
|
||||
<doc-page title="NOTICEBAR" without-padding>
|
||||
|
||||
<van-panel title="滚动通告栏">
|
||||
<van-panel title="滚动通告栏">
|
||||
<van-noticebar
|
||||
text="{{ bar1.text }}"
|
||||
scrollable="{{ bar1.scrollable }}"
|
||||
/>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="延时滚动通告栏">
|
||||
<van-panel title="延时滚动通告栏">
|
||||
<van-noticebar
|
||||
text="{{ bar1.text }}"
|
||||
scrollable="{{ bar1.scrollable }}"
|
||||
delay="{{ bar1.delay }}"
|
||||
/>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="初始速度低滚动通告栏">
|
||||
<van-panel title="初始速度低滚动通告栏">
|
||||
<van-noticebar
|
||||
text="{{ bar1.text }}"
|
||||
scrollable="{{ bar1.scrollable }}"
|
||||
speed="{{ bar5.speed }}"
|
||||
/>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="改变颜色通告栏">
|
||||
<van-panel title="改变颜色通告栏">
|
||||
<van-noticebar
|
||||
text="{{ bar2.text }}"
|
||||
color="{{ bar2.color }}"
|
||||
background-color="{{ bar2.backgroundColor }}"
|
||||
/>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="静止通告栏">
|
||||
<van-panel title="静止通告栏">
|
||||
<van-noticebar
|
||||
text="{{ bar3.text }}"
|
||||
/>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="带icon公告">
|
||||
<van-panel title="带icon公告">
|
||||
<van-noticebar
|
||||
text="{{ bar4.text }}"
|
||||
left-icon="{{ bar4.leftIcon }}"
|
||||
/>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="可关闭公告">
|
||||
<van-panel title="可关闭公告">
|
||||
<van-noticebar
|
||||
text="{{ bar5.text }}"
|
||||
mode="{{ bar5.mode }}"
|
||||
/>
|
||||
</van-panel>
|
||||
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
{
|
||||
"navigationBarTitleText": "Panel 面板",
|
||||
"usingComponents": {
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-panel": "../../dist/panel/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -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>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="标题" class="panel-example">
|
||||
<van-panel title="标题" class="panel-example">
|
||||
<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>
|
||||
</van-panel>
|
||||
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
{
|
||||
"navigationBarTitleText": "Popup 弹出层",
|
||||
"usingComponents": {
|
||||
"doc-page": "../../components/doc-page/index",
|
||||
"van-popup": "../../dist/popup/index",
|
||||
"van-button": "../../dist/button/index",
|
||||
"van-button-group": "../../dist/button-group/index"
|
||||
|
||||
@ -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">
|
||||
弹出popup
|
||||
</van-button>
|
||||
@ -15,13 +14,13 @@
|
||||
<van-button class="van-button" bind:buttonclick="toggleRightPopup">
|
||||
从右边弹出popup
|
||||
</van-button>
|
||||
</van-button-group>
|
||||
</van-button-group>
|
||||
|
||||
<!-- 中间弹出框 -->
|
||||
<van-popup
|
||||
<!-- 中间弹出框 -->
|
||||
<van-popup
|
||||
show="{{ showPopup }}"
|
||||
bindclose="togglePopup"
|
||||
>
|
||||
>
|
||||
<view class="pop-example__container">
|
||||
<view class="van-buttons">
|
||||
<button class="van-button" bindtap="togglePopup">
|
||||
@ -29,14 +28,14 @@
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</van-popup>
|
||||
</van-popup>
|
||||
|
||||
<!-- 左侧弹出框 -->
|
||||
<van-popup
|
||||
<!-- 左侧弹出框 -->
|
||||
<van-popup
|
||||
show="{{ showLeftPopup }}"
|
||||
type="left"
|
||||
bindclose="toggleLeftPopup"
|
||||
>
|
||||
>
|
||||
<view class="pop-example__container pop-example__container--left">
|
||||
<view class="van-buttons">
|
||||
<button class="van-button" bindtap="toggleLeftPopup">
|
||||
@ -44,14 +43,14 @@
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</van-popup>
|
||||
</van-popup>
|
||||
|
||||
<!-- 右侧弹出框 -->
|
||||
<van-popup
|
||||
<!-- 右侧弹出框 -->
|
||||
<van-popup
|
||||
show="{{ showRightPopup }}"
|
||||
type="right"
|
||||
bindclose="toggleRightPopup"
|
||||
>
|
||||
>
|
||||
<view class="pop-example__container pop-example__container--right">
|
||||
<view class="van-buttons">
|
||||
<button class="van-button" catchtap="toggleRightPopup">
|
||||
@ -59,24 +58,24 @@
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</van-popup>
|
||||
</van-popup>
|
||||
|
||||
<!-- 顶部弹出框 -->
|
||||
<van-popup
|
||||
<!-- 顶部弹出框 -->
|
||||
<van-popup
|
||||
show="{{ showTopPopup }}"
|
||||
overlay="{{ false }}"
|
||||
type="top"
|
||||
bindclose="toggleTopPopup"
|
||||
>
|
||||
>
|
||||
<view class="pop-example--top">内容</view>
|
||||
</van-popup>
|
||||
</van-popup>
|
||||
|
||||
<!-- 底部弹出框 -->
|
||||
<van-popup
|
||||
<!-- 底部弹出框 -->
|
||||
<van-popup
|
||||
show="{{ showBottomPopup }}"
|
||||
type="bottom"
|
||||
bindclose="toggleBottomPopup"
|
||||
>
|
||||
>
|
||||
<view class="pop-example__container pop-example__container--bottom">
|
||||
<view class="van-buttons">
|
||||
<button class="van-button" catchtap="toggleBottomPopup">
|
||||
@ -84,6 +83,4 @@
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</van-popup>
|
||||
|
||||
</doc-page>
|
||||
</van-popup>
|
||||
|
||||
@ -3,7 +3,6 @@
|
||||
"usingComponents": {
|
||||
"van-radio": "../../dist/radio/index",
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"van-cell": "../../dist/cell/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-cell": "../../dist/cell/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,35 +1,33 @@
|
||||
<doc-page title="radio" without-padding>
|
||||
<van-panel title='基本用法'>
|
||||
<van-panel title='基本用法'>
|
||||
<van-radio
|
||||
items="{{ items }}"
|
||||
></van-radio>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title='禁用状态'>
|
||||
<van-panel title='禁用状态'>
|
||||
<van-radio
|
||||
items="{{ items1 }}"
|
||||
></van-radio>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title='事件'>
|
||||
<van-panel title='事件'>
|
||||
<van-radio
|
||||
items="{{ items }}"
|
||||
bind:change="handleRadioChange"
|
||||
></van-radio>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title='自定义样式'>
|
||||
<van-panel title='自定义样式'>
|
||||
<van-radio
|
||||
items="{{ items }}"
|
||||
radio-color="radio-color"
|
||||
radio-class="radio-demo"
|
||||
></van-radio>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title='列表模式'>
|
||||
<van-panel title='列表模式'>
|
||||
<van-radio
|
||||
items="{{ items }}"
|
||||
type="list"
|
||||
></van-radio>
|
||||
</van-panel>
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
@ -3,7 +3,6 @@
|
||||
"usingComponents": {
|
||||
"van-icon": "../icon/index",
|
||||
"van-search": "../../dist/search/index",
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-panel": "../../dist/panel/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,4 @@
|
||||
<doc-page title="Search" without-padding>
|
||||
|
||||
<van-panel title='基本用法'>
|
||||
<van-panel title='基本用法'>
|
||||
<van-search
|
||||
alignLeft="{{ true }}"
|
||||
placeholder="搜索..."
|
||||
@ -10,18 +8,18 @@
|
||||
bindchange="searchChange"
|
||||
bindsearch="searchDone"
|
||||
/>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title='不可用'>
|
||||
<van-panel title='不可用'>
|
||||
<van-search
|
||||
alignLeft="{{ true }}"
|
||||
placeholder="搜索..."
|
||||
disabled="{{ true }}"
|
||||
placeholder="搜索商品"
|
||||
/>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title='自定义样式'>
|
||||
<van-panel title='自定义样式'>
|
||||
<van-search
|
||||
alignLeft="{{ true }}"
|
||||
placeholder="搜索..."
|
||||
@ -33,9 +31,9 @@
|
||||
bindchange="searchChange"
|
||||
bindsearch="searchDone"
|
||||
/>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title='取消按钮'>
|
||||
<van-panel title='取消按钮'>
|
||||
<van-search
|
||||
alignLeft="{{ true }}"
|
||||
placeholder="搜索..."
|
||||
@ -47,5 +45,4 @@
|
||||
bindsearch="searchDone"
|
||||
bindcancel="handleCancel"
|
||||
/>
|
||||
</van-panel>
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
{
|
||||
"navigationBarTitleText": "Select 选择",
|
||||
"usingComponents": {
|
||||
"doc-page": "../../components/doc-page/index",
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"van-select": "../../dist/select/index"
|
||||
}
|
||||
|
||||
@ -1,14 +1,13 @@
|
||||
<doc-page title="SELECT" without-padding>
|
||||
<van-panel title='基本用法'>
|
||||
<van-panel title='基本用法'>
|
||||
<van-select
|
||||
items="{{ items }}"
|
||||
data-type="base"
|
||||
checkedValue="{{ checked.base }}"
|
||||
bind:change="handleSelectChange"
|
||||
/>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title='自定义高亮颜色'>
|
||||
<van-panel title='自定义高亮颜色'>
|
||||
<van-select
|
||||
items="{{ items }}"
|
||||
data-type="color"
|
||||
@ -16,5 +15,4 @@
|
||||
activeColor="{{ activeColor }}"
|
||||
bind:change="handleSelectChange"
|
||||
/>
|
||||
</van-panel>
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
"navigationBarTitleText": "Stepper 计数器",
|
||||
"usingComponents": {
|
||||
"van-stepper": "../../dist/stepper/index",
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-panel": "../../dist/panel/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
<doc-page title="Stepper" without-padding>
|
||||
<van-panel title="基础用法">
|
||||
<van-panel title="基础用法">
|
||||
<view style="padding: 40px 15px">
|
||||
<van-stepper
|
||||
stepper="{{ stepper1.stepper }}"
|
||||
@ -9,10 +8,10 @@
|
||||
>
|
||||
</van-stepper>
|
||||
</view>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<!-- small size -->
|
||||
<van-panel title="不同尺寸-小尺寸类型">
|
||||
<!-- small size -->
|
||||
<van-panel title="不同尺寸-小尺寸类型">
|
||||
<view style="padding: 40px 15px">
|
||||
<view style="margin-bottom: 5px">small:</view>
|
||||
<van-stepper
|
||||
@ -44,9 +43,9 @@
|
||||
bind:change="handleZanStepperChange"
|
||||
></van-stepper>
|
||||
</view>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="高级用法-每次变动数量自定义">
|
||||
<van-panel title="高级用法-每次变动数量自定义">
|
||||
<view style="padding: 40px 15px">
|
||||
<van-stepper
|
||||
stepper="{{ stepper3.stepper }}"
|
||||
@ -58,5 +57,4 @@
|
||||
>
|
||||
</van-stepper>
|
||||
</view>
|
||||
</van-panel>
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
@ -4,7 +4,6 @@
|
||||
"van-cell": "../../dist/cell/index",
|
||||
"van-cell-group": "../../dist/cell-group/index",
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"van-steps": "../../dist/steps/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-steps": "../../dist/steps/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
<doc-page title="STEPS" without-padding>
|
||||
<van-panel title="基础用法">
|
||||
<van-panel title="基础用法">
|
||||
<van-cell-group>
|
||||
<van-cell>
|
||||
<van-steps type="horizon" steps="{{steps}}"></van-steps>
|
||||
@ -11,9 +10,9 @@
|
||||
<van-steps type="horizon" steps="{{steps3}}"></van-steps>
|
||||
</van-cell>
|
||||
</van-cell-group>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="2步完成">
|
||||
<van-panel title="2步完成">
|
||||
<van-cell-group>
|
||||
<van-cell>
|
||||
<van-steps type="horizon" steps="{{steps4}}"></van-steps>
|
||||
@ -22,9 +21,9 @@
|
||||
<van-steps type="horizon" steps="{{steps5}}"></van-steps>
|
||||
</van-cell>
|
||||
</van-cell-group>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="有描述的steps">
|
||||
<van-panel title="有描述的steps">
|
||||
<van-cell-group>
|
||||
<van-cell>
|
||||
<van-steps type="horizon" hasDesc steps="{{steps}}"></van-steps>
|
||||
@ -36,9 +35,9 @@
|
||||
<van-steps type="horizon" hasDesc steps="{{steps3}}"></van-steps>
|
||||
</van-cell>
|
||||
</van-cell-group>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="垂直方向的steps">
|
||||
<van-panel title="垂直方向的steps">
|
||||
<van-cell-group>
|
||||
<van-cell>
|
||||
<van-steps type="vertical" hasDesc steps="{{steps}}"></van-steps>
|
||||
@ -47,9 +46,9 @@
|
||||
<van-steps type="vertical" hasDesc steps="{{steps2}}"></van-steps>
|
||||
</van-cell>
|
||||
</van-cell-group>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="自定义 class">
|
||||
<van-panel title="自定义 class">
|
||||
<van-cell-group>
|
||||
<van-cell cell-class="gray">
|
||||
<van-steps
|
||||
@ -61,6 +60,4 @@
|
||||
></van-steps>
|
||||
</van-cell>
|
||||
</van-cell-group>
|
||||
</van-panel>
|
||||
</doc-page>
|
||||
|
||||
</van-panel>
|
||||
|
||||
@ -3,7 +3,6 @@
|
||||
"usingComponents": {
|
||||
"van-switch": "../../dist/switch/index",
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"van-cell": "../../dist/cell/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-cell": "../../dist/cell/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,27 +1,23 @@
|
||||
<doc-page title="SWITCH" without-padding>
|
||||
|
||||
<van-panel title='同步开关'>
|
||||
<van-panel title='同步开关'>
|
||||
<van-cell>
|
||||
<van-switch checked="{{sync.checked}}" bind:change="syncChange" />
|
||||
</van-cell>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title='异步开关'>
|
||||
<van-panel title='异步开关'>
|
||||
<van-cell>
|
||||
<van-switch checked="{{async.checked}}" disabled="{{ async.disabled }}" loading="{{ async.loading }}" bind:change="asyncChange" />
|
||||
</van-cell>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title='禁止改动的开关'>
|
||||
<van-panel title='禁止改动的开关'>
|
||||
<van-cell>
|
||||
<van-switch disabled="{{ false }}" />
|
||||
</van-cell>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title='自定义高亮样式'>
|
||||
<van-panel title='自定义高亮样式'>
|
||||
<van-cell>
|
||||
<van-switch theme-class="switch-theme" disabled="{{ false }}" checked/>
|
||||
</van-cell>
|
||||
</van-panel>
|
||||
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
{
|
||||
"navigationBarTitleText": "Tab 标签",
|
||||
"usingComponents": {
|
||||
"van-tab": "../../dist/tab/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-tab": "../../dist/tab/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,26 +1,22 @@
|
||||
<doc-page title="TAB" without-padding>
|
||||
|
||||
<view style="margin: 30px 0">
|
||||
<view style="margin: 30px 0">
|
||||
<van-tab
|
||||
list="{{ tab.list }}"
|
||||
selected-id="{{ tab.selectedId }}"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view style="margin: 30px 0">
|
||||
<view style="margin: 30px 0">
|
||||
<van-tab
|
||||
list="{{ tab1.list }}"
|
||||
selected-id="{{ tab1.selectedId }}"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view style="margin: 30px 0">
|
||||
<view style="margin: 30px 0">
|
||||
<van-tab
|
||||
list="{{ tab2.list }}"
|
||||
selected-id="{{ tab2.selectedId }}"
|
||||
scroll="{{ tab2.scroll }}"
|
||||
height="{{ tab2.height }}"
|
||||
/>
|
||||
</view>
|
||||
|
||||
</doc-page>
|
||||
</view>
|
||||
|
||||
@ -1,3 +0,0 @@
|
||||
.doc-title {
|
||||
margin-top: 50px;
|
||||
}
|
||||
@ -3,7 +3,6 @@
|
||||
"usingComponents": {
|
||||
"van-cell": "../../dist/cell/index",
|
||||
"van-panel": "../../dist/panel/index",
|
||||
"van-tag": "../../dist/tag/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-tag": "../../dist/tag/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -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-tag>灰色</van-tag>
|
||||
<van-tag type="danger">红色</van-tag>
|
||||
<van-tag disabled>不可用</van-tag>
|
||||
</van-cell>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="各种不同类型" class="tag-demo">
|
||||
<van-panel title="各种不同类型" class="tag-demo">
|
||||
<van-cell>
|
||||
<van-tag type="danger">会员折扣</van-tag>
|
||||
<van-tag type="warn">返现</van-tag>
|
||||
<van-tag type="primary">返现</van-tag>
|
||||
<van-tag type="primary" disabled>不可用</van-tag>
|
||||
</van-cell>
|
||||
</van-panel>
|
||||
</van-panel>
|
||||
|
||||
<van-panel title="镂空 Tag" class="tag-demo">
|
||||
<van-panel title="镂空 Tag" class="tag-demo">
|
||||
<van-cell>
|
||||
<van-tag 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 disabled>返现不可用</van-tag>
|
||||
</van-cell>
|
||||
</van-panel>
|
||||
</doc-page>
|
||||
</van-panel>
|
||||
|
||||
@ -2,8 +2,6 @@
|
||||
|
||||
<view class="container">
|
||||
|
||||
<view class="doc-title van-hairline--bottom">TOAST</view>
|
||||
|
||||
<van-button-group style="margin-top: 15vh;display: block;">
|
||||
<van-button bind:buttonclick="showToast">
|
||||
显示toast
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
"navigationBarTitleText": "Toptips 顶部提示",
|
||||
"usingComponents": {
|
||||
"van-button": "../../dist/button/index",
|
||||
"van-toptips": "../../dist/toptips/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-toptips": "../../dist/toptips/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,22 +1,20 @@
|
||||
<doc-page title="TOPTIPS">
|
||||
<view style="margin-top: 30vh;">
|
||||
<view style="margin-top: 30vh;">
|
||||
<van-button bind:buttonclick="showTopTips">
|
||||
显示toptips，声明式调用
|
||||
</van-button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view style="margin-top: 30px;">
|
||||
<view style="margin-top: 30px;">
|
||||
<van-button bind:buttonclick="showTopTips2">
|
||||
显示toptips，命令式调用
|
||||
</van-button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view style="margin-top: 30px;">
|
||||
<view style="margin-top: 30px;">
|
||||
<van-button bind:buttonclick="showTopTips3">
|
||||
显示toptips，持续一秒
|
||||
</van-button>
|
||||
</view>
|
||||
</doc-page>
|
||||
|
||||
<van-toptips
|
||||
id="van-toptips"
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
{
|
||||
"navigationBarTitleText": "Tree Select 分类选择",
|
||||
"usingComponents": {
|
||||
"van-tree-select": "../../dist/tree-select/index",
|
||||
"doc-page": "../../components/doc-page/index"
|
||||
"van-tree-select": "../../dist/tree-select/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
<doc-page title="TREE SELECT" without-padding>
|
||||
<view style="margin-top: 5vh;">
|
||||
<view style="margin-top: 5vh;">
|
||||
<van-tree-select
|
||||
items="{{ items }}"
|
||||
main-active-index="{{ mainActiveIndex }}"
|
||||
@ -7,5 +6,4 @@
|
||||
bind:itemclick="handleItemClick"
|
||||
bind:navclick="handleNavClick"
|
||||
></van-tree-select>
|
||||
</view>
|
||||
</doc-page>
|
||||
</view>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user