vant-weapp/example/form/index.wxml
2017-10-15 21:08:14 +08:00

62 lines
1.6 KiB
Plaintext

<import src="/dist/form/check_label.wxml" />
<view class="container">
<view class="doc-title">FORM</view>
<view class="zan-form">
<view class="zan-cell zan-form__item">
<text class="zan-form__title">收货人</text>
<input
class="zan-form__input zan-cell__bd"
placeholder="名字"
/>
</view>
<view class="zan-cell zan-form__item">
<text class="zan-form__title">联系电话</text>
<input
class="zan-form__input zan-cell__bd"
type="number"
maxlength="20"
placeholder="手机或固定电话"
/>
</view>
<view class="zan-cell zan-form__item zan-cell--last-child">
<text class="zan-form__title">选择区域</text>
<view class="zan-form__input zan-cell__bd">
<picker
mode="selector"
range="{{ area }}"
value="{{ areaIndex }}"
bindchange="onAreaChange"
>
{{ area[areaIndex] }}
</picker>
</view>
</view>
</view>
<view class="zan-form" style="margin-top: 20px">
<view class="zan-cell zan-form__item">
<view class="zan-cell__bd">
<text class="zan-form__title">验证码</text>
<input
class="zan-form__input"
type="text"
maxlength="7"
placeholder="请输入短信验证码"
/>
</view>
<view class="zan-cell__ft">
<button class="zan-btn zan-btn--mini zan-btn--primary sms-btn">获取验证码</button>
</view>
</view>
</view>
<view class="zan-panel">
<view>
<template is="zan-check-label" data="{{items, checkedValue}}" />
</view>
</view>
</view>