mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
83 lines
1.9 KiB
Plaintext
83 lines
1.9 KiB
Plaintext
<demo-block title="基础用法">
|
|
<van-cell-group>
|
|
<van-cell title="单元格" value="内容" />
|
|
<van-cell
|
|
title="单元格"
|
|
value="内容"
|
|
label="描述信息"
|
|
border="{{ false }}"
|
|
/>
|
|
</van-cell-group>
|
|
</demo-block>
|
|
|
|
<demo-block title="单元格大小">
|
|
<van-cell-group>
|
|
<van-cell
|
|
title="单元格"
|
|
value="内容"
|
|
size="large"
|
|
/>
|
|
<van-cell
|
|
title="单元格"
|
|
value="内容"
|
|
size="large"
|
|
use-label-slot
|
|
border="{{ false }}"
|
|
>
|
|
<view slot="label">描述信息</view>
|
|
</van-cell>
|
|
</van-cell-group>
|
|
</demo-block>
|
|
|
|
<demo-block title="展示图标">
|
|
<van-cell
|
|
title="单元格"
|
|
value="内容"
|
|
icon="location-o"
|
|
border="{{ false }}"
|
|
/>
|
|
</demo-block>
|
|
|
|
<demo-block title="展示箭头">
|
|
<van-cell title="单元格" is-link />
|
|
<van-cell
|
|
title="单元格"
|
|
value="内容"
|
|
is-link
|
|
/>
|
|
<van-cell
|
|
title="单元格"
|
|
is-link
|
|
arrow-direction="down"
|
|
value="内容"
|
|
border="{{ false }}"
|
|
/>
|
|
</demo-block>
|
|
|
|
<demo-block title="页面跳转">
|
|
<van-cell title="单元格" is-link url="/pages/dashboard/index" />
|
|
<van-cell title="单元格" is-link url="/pages/dashboard/index" link-type="redirectTo" />
|
|
</demo-block>
|
|
|
|
<demo-block title="分组标题">
|
|
<van-cell-group title="分组 1">
|
|
<van-cell title="单元格" value="内容" />
|
|
</van-cell-group>
|
|
<van-cell-group title="分组 2">
|
|
<van-cell title="单元格" value="内容" />
|
|
</van-cell-group>
|
|
</demo-block>
|
|
|
|
<demo-block title="高级用法">
|
|
<van-cell value="内容" icon="shop-o" is-link>
|
|
<view slot="title">
|
|
<view class="title">单元格</view>
|
|
<van-tag type="danger">标签</van-tag>
|
|
</view>
|
|
</van-cell>
|
|
<van-cell title="单元格" icon="location-o" is-link />
|
|
<van-cell title="单元格" border="{{ false }}">
|
|
<van-icon slot="right-icon" name="search" />
|
|
</van-cell>
|
|
</demo-block>
|