mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
98 lines
2.2 KiB
Plaintext
98 lines
2.2 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 inset>
|
|
<van-cell title="单元格" value="内容" />
|
|
<van-cell title="单元格" value="内容" label="描述信息" />
|
|
</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="单元格" border="{{ false }}">
|
|
<van-icon slot="right-icon" name="search" />
|
|
</van-cell>
|
|
</demo-block>
|
|
|
|
<demo-block title="垂直居中">
|
|
<van-cell
|
|
center
|
|
title="单元格"
|
|
value="内容"
|
|
label="描述信息"
|
|
/>
|
|
</demo-block>
|