mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-24 02:16:16 +08:00
67 lines
1.8 KiB
Plaintext
67 lines
1.8 KiB
Plaintext
<doc-page title="STEPS" without-padding>
|
|
<zan-panel title="基础用法">
|
|
<zan-cell-group>
|
|
<zan-cell>
|
|
<zan-steps type="horizon" steps="{{steps}}"></zan-steps>
|
|
</zan-cell>
|
|
<zan-cell>
|
|
<zan-steps type="horizon" steps="{{steps2}}"></zan-steps>
|
|
</zan-cell>
|
|
<zan-cell>
|
|
<zan-steps type="horizon" steps="{{steps3}}"></zan-steps>
|
|
</zan-cell>
|
|
</zan-cell-group>
|
|
</zan-panel>
|
|
|
|
<zan-panel title="2步完成">
|
|
<zan-cell-group>
|
|
<zan-cell>
|
|
<zan-steps type="horizon" steps="{{steps4}}"></zan-steps>
|
|
</zan-cell>
|
|
<zan-cell>
|
|
<zan-steps type="horizon" steps="{{steps5}}"></zan-steps>
|
|
</zan-cell>
|
|
</zan-cell-group>
|
|
</zan-panel>
|
|
|
|
<zan-panel title="有描述的steps">
|
|
<zan-cell-group>
|
|
<zan-cell>
|
|
<zan-steps type="horizon" hasDesc steps="{{steps}}"></zan-steps>
|
|
</zan-cell>
|
|
<zan-cell>
|
|
<zan-steps type="horizon" hasDesc steps="{{steps2}}"></zan-steps>
|
|
</zan-cell>
|
|
<zan-cell>
|
|
<zan-steps type="horizon" hasDesc steps="{{steps3}}"></zan-steps>
|
|
</zan-cell>
|
|
</zan-cell-group>
|
|
</zan-panel>
|
|
|
|
<zan-panel title="垂直方向的steps">
|
|
<zan-cell-group>
|
|
<zan-cell>
|
|
<zan-steps type="vertical" hasDesc steps="{{steps}}"></zan-steps>
|
|
</zan-cell>
|
|
<zan-cell>
|
|
<zan-steps type="vertical" hasDesc steps="{{steps2}}"></zan-steps>
|
|
</zan-cell>
|
|
</zan-cell-group>
|
|
</zan-panel>
|
|
|
|
<zan-panel title="自定义 class">
|
|
<zan-cell-group>
|
|
<zan-cell cell-class="gray">
|
|
<zan-steps
|
|
steps-class="my-class"
|
|
icon-class="gray"
|
|
title-class="white"
|
|
type="horizon"
|
|
steps="{{steps}}"
|
|
></zan-steps>
|
|
</zan-cell>
|
|
</zan-cell-group>
|
|
</zan-panel>
|
|
</doc-page>
|
|
|