mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
71 lines
2.1 KiB
Plaintext
71 lines
2.1 KiB
Plaintext
<import src="/dist/steps/index.wxml" />
|
|
|
|
<view class="container">
|
|
|
|
<view class="doc-title">STEPS</view>
|
|
|
|
<view class="zui-panel">
|
|
<view class="zui-cell">
|
|
<view class="zui-cell__bd">
|
|
<template is="zui-steps" data="{{ type: 'horizon', steps: steps }}"></template>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="zui-cell">
|
|
<view class="zui-cell__bd">
|
|
<template is="zui-steps" data="{{ type: 'horizon', steps: steps2 }}"></template>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="zui-cell zui-cell--last-child">
|
|
<view class="zui-cell__bd">
|
|
<template is="zui-steps" data="{{ type: 'horizon', steps: steps3 }}"></template>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="zui-panel-title">有描述的steps</view>
|
|
<view class="zui-panel">
|
|
<view class="zui-cell">
|
|
<view class="zui-cell__bd">
|
|
<template is="zui-steps" data="{{ type: 'horizon', hasDesc: true, steps: steps }}"></template>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="zui-cell">
|
|
<view class="zui-cell__bd">
|
|
<template is="zui-steps" data="{{ type: 'horizon', hasDesc: true, steps: steps2 }}"></template>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="zui-cell zui-cell--last-child">
|
|
<view class="zui-cell__bd">
|
|
<template is="zui-steps" data="{{ type: 'horizon', hasDesc: true, steps: steps3 }}"></template>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="zui-panel-title">垂直方向的steps</view>
|
|
<view class="zui-panel">
|
|
<view class="zui-cell zui-cell">
|
|
<view class="zui-cell__bd">
|
|
<template is="zui-steps" data="{{ type: 'vertical', hasDesc: true, steps }}"></template>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="zui-cell zui-cell--last-child">
|
|
<view class="zui-cell__bd">
|
|
<template is="zui-steps" data="{{ type: 'vertical', steps }}"></template>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="zui-panel-title">可自定义class</view>
|
|
<view class="zui-panel">
|
|
<view class="zui-cell__bd">
|
|
<template is="zui-steps" data="{{ type: 'vertical', steps, className: 'my-class' }}"></template>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|