25 lines
955 B
Plaintext
25 lines
955 B
Plaintext
|
<wxs module="_">
|
||
|
|
module.exports.getText = function(value, curr) { if (value > curr) return '已完成步骤'; if (value == curr)
|
||
|
|
return'当前步骤'; return '未完成步骤'; }
|
||
|
|
</wxs>
|
||
|
|
|
||
|
|
<view class="demo-desc">垂直自定义步骤条</view>
|
||
|
|
|
||
|
|
<view class="block">
|
||
|
|
<t-steps layout="vertical" theme="dot" current="{{count - 1}}" bind:change="onCascader">
|
||
|
|
<t-step-item wx:for="{{count}}" wx:key="index" title="{{_.getText(count - 1, index)}}">
|
||
|
|
<t-icon name="chevron-right" size="44rpx" color="rgba(0, 0, 0, .4)" slot="title-right" />
|
||
|
|
</t-step-item>
|
||
|
|
</t-steps>
|
||
|
|
|
||
|
|
<t-button style="margin-top: 32rpx; display: block" block bind:tap="toNext">下一步</t-button>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="demo-desc">纯展示步骤条</view>
|
||
|
|
|
||
|
|
<view class="block">
|
||
|
|
<t-steps layout="vertical" readonly theme="dot" current="{{5}}">
|
||
|
|
<t-step-item wx:for="{{4}}" wx:key="index" title="步骤展示" content="可自定义此处内容" />
|
||
|
|
</t-steps>
|
||
|
|
</view>
|