mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
8816e421e8
* [improvement]cell:优化默认slot展示效果，添加title区域自定义class * cell-group添加titleWidth实现整体控制title区域宽度
67 lines
2.1 KiB
Plaintext
67 lines
2.1 KiB
Plaintext
<doc-page title="CELL" without-padding>
|
|
|
|
<zan-panel class="cell-panel-demo">
|
|
<zan-cell title="单行列表" bindtap="handleTap"></zan-cell>
|
|
</zan-panel>
|
|
|
|
<zan-panel class="cell-panel-demo">
|
|
<zan-cell title="单行列表" value="详细信息"></zan-cell>
|
|
</zan-panel>
|
|
|
|
<zan-panel class="cell-panel-demo">
|
|
<zan-cell title="单行列表" label="附加描述" value="详细信息"></zan-cell>
|
|
</zan-panel>
|
|
|
|
<zan-panel class="cell-panel-demo" title="带 icon 的 cell">
|
|
<zan-cell title="单行列表" value="详细信息">
|
|
<zan-icon slot="icon" type="checked"></zan-icon>
|
|
</zan-cell>
|
|
</zan-panel>
|
|
|
|
<zan-panel class="cell-panel-demo">
|
|
<zan-cell title="单行列表">
|
|
<picker mode="date" value="{{date}}" start="2018-07-01" end="2018-09-01" bindchange="bindDateChange">
|
|
<view class="picker">
|
|
选择日期: {{date}}
|
|
</view>
|
|
</picker>
|
|
</zan-cell>
|
|
</zan-panel>
|
|
|
|
<zan-panel class="cell-panel-demo" title="带箭头的 cell">
|
|
<zan-cell title="只显示箭头" is-link></zan-cell>
|
|
</zan-panel>
|
|
|
|
<zan-panel class="cell-panel-demo">
|
|
<zan-cell
|
|
title="跳转到首页"
|
|
is-link
|
|
url="/pages/dashboard/index"
|
|
bindtap="handleTap"
|
|
></zan-cell>
|
|
</zan-panel>
|
|
|
|
<zan-panel class="cell-panel-demo" title="cell 组">
|
|
<zan-cell-group>
|
|
<zan-cell title="只显示箭头" is-link></zan-cell>
|
|
<zan-cell title="跳转到首页" is-link url="/pages/dashboard/index"></zan-cell>
|
|
<zan-cell
|
|
is-link
|
|
only-tap-footer
|
|
url="/pages/dashboard/index"
|
|
title="只有 footer 点击有效"
|
|
bindtap="handleTap"
|
|
></zan-cell>
|
|
<block wx:if="{{ show }}">
|
|
<zan-cell title="单行列表" label="附加描述" value="详细信息"></zan-cell>
|
|
<zan-cell title="表单">
|
|
<input slot="footer" type="digit" placeholder="带小数点的数字键盘"/>
|
|
</zan-cell>
|
|
</block>
|
|
<zan-cell title="开关">
|
|
<switch slot="footer" checked/>
|
|
</zan-cell>
|
|
</zan-cell-group>
|
|
</zan-panel>
|
|
</doc-page>
|