vant-weapp/example/steps/index.wxml
2017-01-23 15:00:56 +08:00

68 lines
2.0 KiB
Plaintext

<import src="/dist/steps/index.wxml" />
<view class="container">
<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>