vant-weapp/example/cell/index.wxml
everywill 7ebfa6054d capsule支持不同类型及自定义颜色 (#34)
* style: badge上标大小改变更加灵活

* style: panel-title的行高跟随字号

* style: 绝对定位的元素width或height为auto,left,right,top,bottom不为auto时,auto的margin将计算为0,同初始值

* style: 修复作为组件使用时dialog的定位问题

* style: 修正示例

* style: add

* style: capsule

* style: modify readme

* style: add noticebar

* style: modify readme

* style: noticebar优化

* style: add popup

* style: remove

* style: 左右反了...

* style: 通告栏支持同一页面多个

* style: 独立管理不同noticebar的动画数据

* style: add

* style: 删除多余文件

* style: capsule自定义颜色
2017-10-06 12:27:25 +08:00

119 lines
3.4 KiB
Plaintext

<import src="/dist/switch/index.wxml" />
<view class="container">
<view class="doc-title">CELL</view>
<view class="zan-panel">
<view class="zan-cell">
<view class="zan-cell__bd">单行列表</view>
</view>
</view>
<view class="zan-panel">
<view class="zan-cell">
<view class="zan-cell__bd">单行列表</view>
<view class="zan-cell__ft">详细信息</view>
</view>
</view>
<view class="zan-panel">
<view class="zan-cell">
<view class="zan-cell__icon zan-icon zan-icon-checked" style="color:#38f;"></view>
<view class="zan-cell__bd">单行列表</view>
<view class="zan-cell__ft">详细信息</view>
</view>
</view>
<view class="zan-panel">
<view class="zan-cell">
<view class="zan-cell__bd">
<view class="zan-cell__text">单行列表</view>
<view class="zan-cell__desc">附加描述</view>
</view>
<view class="zan-cell__ft">详细信息</view>
</view>
</view>
<view class="zan-panel">
<view class="zan-cell zan-cell--access">
<view class="zan-cell__bd">单行列表</view>
<view class="zan-cell__ft"></view>
</view>
</view>
<view class="zan-panel">
<view class="zan-cell zan-cell--switch">
<view class="zan-cell__bd">开关</view>
<view class="zan-cell__ft">
<template is="zan-switch" data="{{ checked }}"/>
</view>
</view>
</view>
<view class="zan-panel">
<view class="zan-cell zan-cell--access">
<view class="zan-cell__bd">单行列表</view>
<view class="zan-cell__ft">详细信息</view>
</view>
</view>
<view class="zan-panel">
<view class="zan-cell">
<view class="zan-cell__bd">多行列表</view>
</view>
<view class="zan-cell">
<view class="zan-cell__bd">多行列表</view>
</view>
<view class="zan-cell">
<view class="zan-cell__bd">多行列表</view>
</view>
</view>
<view class="zan-panel">
<view class="zan-cell">
<view class="zan-cell__bd">多行列表</view>
<view class="zan-cell__ft">详细信息</view>
</view>
<view class="zan-cell">
<view class="zan-cell__bd">多行列表</view>
<view class="zan-cell__ft">详细信息</view>
</view>
<view class="zan-cell">
<view class="zan-cell__bd">多行列表</view>
<view class="zan-cell__ft">详细信息</view>
</view>
</view>
<view class="zan-panel">
<view class="zan-cell zan-cell--access">
<view class="zan-cell__bd">多行列表</view>
<view class="zan-cell__ft"></view>
</view>
<view class="zan-cell zan-cell--access">
<view class="zan-cell__bd">多行列表</view>
<view class="zan-cell__ft"></view>
</view>
<view class="zan-cell zan-cell--access">
<view class="zan-cell__bd">多行列表</view>
<view class="zan-cell__ft"></view>
</view>
</view>
<view class="zan-panel">
<view class="zan-cell zan-cell--access">
<view class="zan-cell__bd">多行列表</view>
<view class="zan-cell__ft">详细信息</view>
</view>
<view class="zan-cell zan-cell--access">
<view class="zan-cell__bd">多行列表</view>
<view class="zan-cell__ft">详细信息</view>
</view>
<view class="zan-cell zan-cell--access">
<view class="zan-cell__bd">多行列表</view>
<view class="zan-cell__ft">详细信息</view>
</view>
</view>
</view>