vant-weapp/example/form/index.wxml
MuYu eba815b60f 增加单选 和一个验证码的样式 (#30)
* 增加单选 和一个验证码的样式

* 移除一个不存在的页面链接

* 移除业务中的样式

* 统一风格
2017-09-27 12:33:49 +08:00

76 lines
2.1 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-cell__no-pading zan-form__item">
<view class="zan-cell__bd zan-cell__bd_padding">
<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--large zan-btn--primary">获取验证码</button>
</view>
</view>
<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>