mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-08-08 13:39:46 +08:00
docs(Field): remove unused CellGroup wrapper
This commit is contained in:
chenjiahan
parent
65bdc75ca6
commit
de128b9719
@ -40,19 +40,19 @@ export default createComponent({
|
|||||||
},
|
},
|
||||||
|
|
||||||
faceAmount() {
|
faceAmount() {
|
||||||
const { coupon } = this;
|
const { coupon } = this.coupon;
|
||||||
|
|
||||||
if (coupon.valueDesc) {
|
if (coupon.valueDesc) {
|
||||||
return `${coupon.valueDesc}<span>${coupon.unitDesc || ''}</span>`;
|
return `${coupon.valueDesc}<span>${coupon.unitDesc || ''}</span>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (coupon.denominations) {
|
if (coupon.denominations) {
|
||||||
const denominations = formatAmount(this.coupon.denominations);
|
const denominations = formatAmount(coupon.denominations);
|
||||||
return `<span>${this.currency}</span> ${denominations}`;
|
return `<span>${this.currency}</span> ${denominations}`;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (coupon.discount) {
|
if (coupon.discount) {
|
||||||
return t('discount', formatDiscount(this.coupon.discount));
|
return t('discount', formatDiscount(coupon.discount));
|
||||||
}
|
}
|
||||||
|
|
||||||
return '';
|
return '';
|
||||||
@ -82,9 +82,9 @@ export default createComponent({
|
|||||||
<p class={bem('valid')}>{this.validPeriod}</p>
|
<p class={bem('valid')}>{this.validPeriod}</p>
|
||||||
{!this.disabled && (
|
{!this.disabled && (
|
||||||
<Checkbox
|
<Checkbox
|
||||||
|
size={18}
|
||||||
value={this.chosen}
|
value={this.chosen}
|
||||||
class={bem('corner')}
|
class={bem('corner')}
|
||||||
size={18}
|
|
||||||
checkedColor={RED}
|
checkedColor={RED}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@ -20,7 +20,7 @@ Vue.use(Field);
|
|||||||
可以通过`v-model`双向绑定输入框的值，通过`placeholder`设置占位提示文字
|
可以通过`v-model`双向绑定输入框的值，通过`placeholder`设置占位提示文字
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!-- Field 是基于 Cell 实现的，可以使用 CellGroup 作为父元素来提供外边框。 -->
|
<!-- Field 是基于 Cell 实现的，可以使用 CellGroup 作为容器来提供外边框。 -->
|
||||||
<van-cell-group>
|
<van-cell-group>
|
||||||
<van-field v-model="value" placeholder="请输入用户名" />
|
<van-field v-model="value" placeholder="请输入用户名" />
|
||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
|
|||||||
@ -1,15 +1,13 @@
|
|||||||
<template>
|
<template>
|
||||||
<demo-block :title="$t('autosize')">
|
<demo-block :title="$t('autosize')">
|
||||||
<van-cell-group>
|
<van-field
|
||||||
<van-field
|
v-model="value"
|
||||||
v-model="value"
|
autosize
|
||||||
autosize
|
rows="1"
|
||||||
rows="1"
|
type="textarea"
|
||||||
type="textarea"
|
:label="$t('message')"
|
||||||
:label="$t('message')"
|
:placeholder="$t('placeholder')"
|
||||||
:placeholder="$t('placeholder')"
|
/>
|
||||||
/>
|
|
||||||
</van-cell-group>
|
|
||||||
</demo-block>
|
</demo-block>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@ -1,36 +1,34 @@
|
|||||||
<template>
|
<template>
|
||||||
<demo-block :title="$t('customType')">
|
<demo-block :title="$t('customType')">
|
||||||
<van-cell-group>
|
<van-field
|
||||||
<van-field
|
v-model="text"
|
||||||
v-model="text"
|
:label="$t('text')"
|
||||||
:label="$t('text')"
|
:placeholder="$t('textPlaceholder')"
|
||||||
:placeholder="$t('textPlaceholder')"
|
/>
|
||||||
/>
|
<van-field
|
||||||
<van-field
|
v-model="phone"
|
||||||
v-model="phone"
|
type="tel"
|
||||||
type="tel"
|
:label="$t('phone')"
|
||||||
:label="$t('phone')"
|
:placeholder="$t('phonePlaceholder')"
|
||||||
:placeholder="$t('phonePlaceholder')"
|
/>
|
||||||
/>
|
<van-field
|
||||||
<van-field
|
v-model="digit"
|
||||||
v-model="digit"
|
type="digit"
|
||||||
type="digit"
|
:label="$t('digit')"
|
||||||
:label="$t('digit')"
|
:placeholder="$t('digitPlaceholder')"
|
||||||
:placeholder="$t('digitPlaceholder')"
|
/>
|
||||||
/>
|
<van-field
|
||||||
<van-field
|
v-model="number"
|
||||||
v-model="number"
|
type="number"
|
||||||
type="number"
|
:label="$t('number')"
|
||||||
:label="$t('number')"
|
:placeholder="$t('numberPlaceholder')"
|
||||||
:placeholder="$t('numberPlaceholder')"
|
/>
|
||||||
/>
|
<van-field
|
||||||
<van-field
|
v-model="password"
|
||||||
v-model="password"
|
type="password"
|
||||||
type="password"
|
:label="$t('password')"
|
||||||
:label="$t('password')"
|
:placeholder="$t('passwordPlaceholder')"
|
||||||
:placeholder="$t('passwordPlaceholder')"
|
/>
|
||||||
/>
|
|
||||||
</van-cell-group>
|
|
||||||
</demo-block>
|
</demo-block>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@ -1,9 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<demo-block :title="$t('disabled')">
|
<demo-block :title="$t('disabled')">
|
||||||
<van-cell-group>
|
<van-field :value="$t('inputReadonly')" :label="$t('text')" readonly />
|
||||||
<van-field :value="$t('inputReadonly')" :label="$t('text')" readonly />
|
<van-field :value="$t('inputDisabled')" :label="$t('text')" disabled />
|
||||||
<van-field :value="$t('inputDisabled')" :label="$t('text')" disabled />
|
|
||||||
</van-cell-group>
|
|
||||||
</demo-block>
|
</demo-block>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@ -1,21 +1,19 @@
|
|||||||
<template>
|
<template>
|
||||||
<demo-block :title="$t('errorInfo')">
|
<demo-block :title="$t('errorInfo')">
|
||||||
<van-cell-group>
|
<van-field
|
||||||
<van-field
|
v-model="username"
|
||||||
v-model="username"
|
error
|
||||||
error
|
required
|
||||||
required
|
:label="$t('username')"
|
||||||
:label="$t('username')"
|
:placeholder="$t('usernamePlaceholder')"
|
||||||
:placeholder="$t('usernamePlaceholder')"
|
/>
|
||||||
/>
|
<van-field
|
||||||
<van-field
|
v-model="phone"
|
||||||
v-model="phone"
|
required
|
||||||
required
|
:label="$t('phone')"
|
||||||
:label="$t('phone')"
|
:placeholder="$t('phonePlaceholder')"
|
||||||
:placeholder="$t('phonePlaceholder')"
|
:error-message="$t('phoneError')"
|
||||||
:error-message="$t('phoneError')"
|
/>
|
||||||
/>
|
|
||||||
</van-cell-group>
|
|
||||||
</demo-block>
|
</demo-block>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@ -1,13 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<demo-block v-if="!isWeapp" :title="$t('formatValue')">
|
<demo-block v-if="!isWeapp" :title="$t('formatValue')">
|
||||||
<van-cell-group>
|
<van-field
|
||||||
<van-field
|
v-model="formatValue"
|
||||||
v-model="formatValue"
|
:label="$t('text')"
|
||||||
:label="$t('text')"
|
:formatter="formatter"
|
||||||
:formatter="formatter"
|
:placeholder="$t('formatValue')"
|
||||||
:placeholder="$t('formatValue')"
|
/>
|
||||||
/>
|
|
||||||
</van-cell-group>
|
|
||||||
</demo-block>
|
</demo-block>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@ -1,13 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<demo-block :title="$t('inputAlign')">
|
<demo-block :title="$t('inputAlign')">
|
||||||
<van-cell-group>
|
<van-field
|
||||||
<van-field
|
v-model="value"
|
||||||
v-model="value"
|
:label="$t('text')"
|
||||||
:label="$t('text')"
|
:placeholder="$t('alignPlaceHolder')"
|
||||||
:placeholder="$t('alignPlaceHolder')"
|
input-align="right"
|
||||||
input-align="right"
|
/>
|
||||||
/>
|
|
||||||
</van-cell-group>
|
|
||||||
</demo-block>
|
</demo-block>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@ -1,20 +1,18 @@
|
|||||||
<template>
|
<template>
|
||||||
<demo-block :title="$t('insertButton')">
|
<demo-block :title="$t('insertButton')">
|
||||||
<van-cell-group>
|
<van-field
|
||||||
<van-field
|
v-model="sms"
|
||||||
v-model="sms"
|
center
|
||||||
center
|
clearable
|
||||||
clearable
|
:label="$t('sms')"
|
||||||
:label="$t('sms')"
|
:placeholder="$t('smsPlaceholder')"
|
||||||
:placeholder="$t('smsPlaceholder')"
|
>
|
||||||
>
|
<template #button>
|
||||||
<template #button>
|
<van-button size="small" type="primary">
|
||||||
<van-button size="small" type="primary">
|
{{ $t('sendSMS') }}
|
||||||
{{ $t('sendSMS') }}
|
</van-button>
|
||||||
</van-button>
|
</template>
|
||||||
</template>
|
</van-field>
|
||||||
</van-field>
|
|
||||||
</van-cell-group>
|
|
||||||
</demo-block>
|
</demo-block>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@ -1,21 +1,19 @@
|
|||||||
<template>
|
<template>
|
||||||
<demo-block :title="$t('showIcon')">
|
<demo-block :title="$t('showIcon')">
|
||||||
<van-cell-group>
|
<van-field
|
||||||
<van-field
|
v-model="icon1"
|
||||||
v-model="icon1"
|
:label="$t('text')"
|
||||||
:label="$t('text')"
|
left-icon="smile-o"
|
||||||
left-icon="smile-o"
|
right-icon="warning-o"
|
||||||
right-icon="warning-o"
|
:placeholder="$t('showIcon')"
|
||||||
:placeholder="$t('showIcon')"
|
/>
|
||||||
/>
|
<van-field
|
||||||
<van-field
|
v-model="icon2"
|
||||||
v-model="icon2"
|
clearable
|
||||||
clearable
|
:label="$t('text')"
|
||||||
:label="$t('text')"
|
left-icon="music-o"
|
||||||
left-icon="music-o"
|
:placeholder="$t('showClearIcon')"
|
||||||
:placeholder="$t('showClearIcon')"
|
/>
|
||||||
/>
|
|
||||||
</van-cell-group>
|
|
||||||
</demo-block>
|
</demo-block>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@ -1,17 +1,15 @@
|
|||||||
<template>
|
<template>
|
||||||
<demo-block v-if="!isWeapp" :title="$t('showWordLimit')">
|
<demo-block v-if="!isWeapp" :title="$t('showWordLimit')">
|
||||||
<van-cell-group>
|
<van-field
|
||||||
<van-field
|
v-model="value"
|
||||||
v-model="value"
|
autosize
|
||||||
autosize
|
show-word-limit
|
||||||
show-word-limit
|
rows="2"
|
||||||
rows="2"
|
type="textarea"
|
||||||
type="textarea"
|
maxlength="50"
|
||||||
maxlength="50"
|
:label="$t('message')"
|
||||||
:label="$t('message')"
|
:placeholder="$t('placeholder')"
|
||||||
:placeholder="$t('placeholder')"
|
/>
|
||||||
/>
|
|
||||||
</van-cell-group>
|
|
||||||
</demo-block>
|
</demo-block>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@ -12,147 +12,129 @@ exports[`renders demo correctly 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="van-cell-group van-hairline--top-bottom">
|
<div class="van-cell van-field">
|
||||||
<div class="van-cell van-field">
|
<div class="van-cell__title van-field__label"><span>文本</span></div>
|
||||||
<div class="van-cell__title van-field__label"><span>文本</span></div>
|
<div class="van-cell__value van-field__value">
|
||||||
<div class="van-cell__value van-field__value">
|
<div class="van-field__body"><input type="text" placeholder="请输入文本" class="van-field__control"></div>
|
||||||
<div class="van-field__body"><input type="text" placeholder="请输入文本" class="van-field__control"></div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="van-cell van-field">
|
||||||
|
<div class="van-cell__title van-field__label"><span>手机号</span></div>
|
||||||
|
<div class="van-cell__value van-field__value">
|
||||||
|
<div class="van-field__body"><input type="tel" placeholder="请输入手机号" class="van-field__control"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="van-cell van-field">
|
||||||
|
<div class="van-cell__title van-field__label"><span>整数</span></div>
|
||||||
|
<div class="van-cell__value van-field__value">
|
||||||
|
<div class="van-field__body"><input type="tel" placeholder="请输入整数" class="van-field__control"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="van-cell van-field">
|
||||||
|
<div class="van-cell__title van-field__label"><span>数字</span></div>
|
||||||
|
<div class="van-cell__value van-field__value">
|
||||||
|
<div class="van-field__body"><input type="text" placeholder="请输入数字（支持小数）" class="van-field__control"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="van-cell van-field">
|
||||||
|
<div class="van-cell__title van-field__label"><span>密码</span></div>
|
||||||
|
<div class="van-cell__value van-field__value">
|
||||||
|
<div class="van-field__body"><input type="password" placeholder="请输入密码" class="van-field__control"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="van-cell van-field">
|
||||||
|
<div class="van-cell__title van-field__label"><span>文本</span></div>
|
||||||
|
<div class="van-cell__value van-field__value">
|
||||||
|
<div class="van-field__body"><input type="text" readonly="readonly" class="van-field__control"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="van-cell van-field">
|
||||||
|
<div class="van-cell__title van-field__label"><span>文本</span></div>
|
||||||
|
<div class="van-cell__value van-field__value">
|
||||||
|
<div class="van-field__body"><input type="text" disabled="disabled" class="van-field__control"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="van-cell van-field">
|
||||||
|
<div class="van-field__left-icon"><i class="van-icon van-icon-smile-o">
|
||||||
|
<!----></i></div>
|
||||||
|
<div class="van-cell__title van-field__label"><span>文本</span></div>
|
||||||
|
<div class="van-cell__value van-field__value">
|
||||||
|
<div class="van-field__body"><input type="text" placeholder="显示图标" class="van-field__control">
|
||||||
|
<div class="van-field__right-icon"><i class="van-icon van-icon-warning-o">
|
||||||
|
<!----></i></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="van-cell van-field">
|
</div>
|
||||||
<div class="van-cell__title van-field__label"><span>手机号</span></div>
|
<div class="van-cell van-field">
|
||||||
<div class="van-cell__value van-field__value">
|
<div class="van-field__left-icon"><i class="van-icon van-icon-music-o">
|
||||||
<div class="van-field__body"><input type="tel" placeholder="请输入手机号" class="van-field__control"></div>
|
<!----></i></div>
|
||||||
</div>
|
<div class="van-cell__title van-field__label"><span>文本</span></div>
|
||||||
|
<div class="van-cell__value van-field__value">
|
||||||
|
<div class="van-field__body"><input type="text" placeholder="显示清除图标" class="van-field__control"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="van-cell van-field">
|
</div>
|
||||||
<div class="van-cell__title van-field__label"><span>整数</span></div>
|
</div>
|
||||||
<div class="van-cell__value van-field__value">
|
<div>
|
||||||
<div class="van-field__body"><input type="tel" placeholder="请输入整数" class="van-field__control"></div>
|
<div class="van-cell van-cell--required van-field van-field--error">
|
||||||
</div>
|
<div class="van-cell__title van-field__label"><span>用户名</span></div>
|
||||||
|
<div class="van-cell__value van-field__value">
|
||||||
|
<div class="van-field__body"><input type="text" placeholder="请输入用户名" class="van-field__control"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="van-cell van-field">
|
</div>
|
||||||
<div class="van-cell__title van-field__label"><span>数字</span></div>
|
<div class="van-cell van-cell--required van-field">
|
||||||
<div class="van-cell__value van-field__value">
|
<div class="van-cell__title van-field__label"><span>手机号</span></div>
|
||||||
<div class="van-field__body"><input type="text" placeholder="请输入数字（支持小数）" class="van-field__control"></div>
|
<div class="van-cell__value van-field__value">
|
||||||
</div>
|
<div class="van-field__body"><input type="text" placeholder="请输入手机号" class="van-field__control"></div>
|
||||||
|
<div class="van-field__error-message">手机号格式错误</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="van-cell van-field">
|
</div>
|
||||||
<div class="van-cell__title van-field__label"><span>密码</span></div>
|
</div>
|
||||||
<div class="van-cell__value van-field__value">
|
<div>
|
||||||
<div class="van-field__body"><input type="password" placeholder="请输入密码" class="van-field__control"></div>
|
<div class="van-cell van-cell--center van-field">
|
||||||
|
<div class="van-cell__title van-field__label"><span>短信验证码</span></div>
|
||||||
|
<div class="van-cell__value van-field__value">
|
||||||
|
<div class="van-field__body"><input type="text" placeholder="请输入短信验证码" class="van-field__control">
|
||||||
|
<div class="van-field__button"><button class="van-button van-button--primary van-button--small"><span class="van-button__text">
|
||||||
|
发送验证码
|
||||||
|
</span></button></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="van-cell-group van-hairline--top-bottom">
|
<div class="van-cell van-field">
|
||||||
<div class="van-cell van-field">
|
<div class="van-cell__title van-field__label"><span>文本</span></div>
|
||||||
<div class="van-cell__title van-field__label"><span>文本</span></div>
|
<div class="van-cell__value van-field__value">
|
||||||
<div class="van-cell__value van-field__value">
|
<div class="van-field__body"><input type="text" placeholder="格式化输入内容" class="van-field__control"></div>
|
||||||
<div class="van-field__body"><input type="text" readonly="readonly" class="van-field__control"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label"><span>文本</span></div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body"><input type="text" disabled="disabled" class="van-field__control"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="van-cell-group van-hairline--top-bottom">
|
<div class="van-cell van-field">
|
||||||
<div class="van-cell van-field">
|
<div class="van-cell__title van-field__label"><span>留言</span></div>
|
||||||
<div class="van-field__left-icon"><i class="van-icon van-icon-smile-o">
|
<div class="van-cell__value van-field__value">
|
||||||
<!----></i></div>
|
<div class="van-field__body"><textarea rows="1" placeholder="请输入留言" class="van-field__control" style="height: auto;"></textarea></div>
|
||||||
<div class="van-cell__title van-field__label"><span>文本</span></div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body"><input type="text" placeholder="显示图标" class="van-field__control">
|
|
||||||
<div class="van-field__right-icon"><i class="van-icon van-icon-warning-o">
|
|
||||||
<!----></i></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-field__left-icon"><i class="van-icon van-icon-music-o">
|
|
||||||
<!----></i></div>
|
|
||||||
<div class="van-cell__title van-field__label"><span>文本</span></div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body"><input type="text" placeholder="显示清除图标" class="van-field__control"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="van-cell-group van-hairline--top-bottom">
|
<div class="van-cell van-field">
|
||||||
<div class="van-cell van-cell--required van-field van-field--error">
|
<div class="van-cell__title van-field__label"><span>留言</span></div>
|
||||||
<div class="van-cell__title van-field__label"><span>用户名</span></div>
|
<div class="van-cell__value van-field__value">
|
||||||
<div class="van-cell__value van-field__value">
|
<div class="van-field__body"><textarea rows="2" placeholder="请输入留言" class="van-field__control" style="height: auto;"></textarea></div>
|
||||||
<div class="van-field__body"><input type="text" placeholder="请输入用户名" class="van-field__control"></div>
|
<div class="van-field__word-limit"><span class="van-field__word-num">0</span>/50</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="van-cell van-cell--required van-field">
|
|
||||||
<div class="van-cell__title van-field__label"><span>手机号</span></div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body"><input type="text" placeholder="请输入手机号" class="van-field__control"></div>
|
|
||||||
<div class="van-field__error-message">手机号格式错误</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="van-cell-group van-hairline--top-bottom">
|
<div class="van-cell van-field">
|
||||||
<div class="van-cell van-cell--center van-field">
|
<div class="van-cell__title van-field__label"><span>文本</span></div>
|
||||||
<div class="van-cell__title van-field__label"><span>短信验证码</span></div>
|
<div class="van-cell__value van-field__value">
|
||||||
<div class="van-cell__value van-field__value">
|
<div class="van-field__body"><input type="text" placeholder="输入框内容右对齐" class="van-field__control van-field__control--right"></div>
|
||||||
<div class="van-field__body"><input type="text" placeholder="请输入短信验证码" class="van-field__control">
|
|
||||||
<div class="van-field__button"><button class="van-button van-button--primary van-button--small"><span class="van-button__text">
|
|
||||||
发送验证码
|
|
||||||
</span></button></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="van-cell-group van-hairline--top-bottom">
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label"><span>文本</span></div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body"><input type="text" placeholder="格式化输入内容" class="van-field__control"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="van-cell-group van-hairline--top-bottom">
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label"><span>留言</span></div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body"><textarea rows="1" placeholder="请输入留言" class="van-field__control" style="height: auto;"></textarea></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="van-cell-group van-hairline--top-bottom">
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label"><span>留言</span></div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body"><textarea rows="2" placeholder="请输入留言" class="van-field__control" style="height: auto;"></textarea></div>
|
|
||||||
<div class="van-field__word-limit"><span class="van-field__word-num">0</span>/50</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="van-cell-group van-hairline--top-bottom">
|
|
||||||
<div class="van-cell van-field">
|
|
||||||
<div class="van-cell__title van-field__label"><span>文本</span></div>
|
|
||||||
<div class="van-cell__value van-field__value">
|
|
||||||
<div class="van-field__body"><input type="text" placeholder="输入框内容右对齐" class="van-field__control van-field__control--right"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user