mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-25 10:56:35 +08:00
[Doc] Field: add left-icon demo (#1177)
This commit is contained in:
parent
0a6afa2545
commit
155930192b
@ -29,7 +29,12 @@
|
|||||||
|
|
||||||
<demo-block :title="$t('title3')">
|
<demo-block :title="$t('title3')">
|
||||||
<van-cell-group>
|
<van-cell-group>
|
||||||
<van-field :value="$t('inputDisabled')" :label="$t('username')" disabled />
|
<van-field
|
||||||
|
:value="$t('inputDisabled')"
|
||||||
|
:label="$t('username')"
|
||||||
|
left-icon="contact"
|
||||||
|
disabled
|
||||||
|
/>
|
||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
</demo-block>
|
</demo-block>
|
||||||
|
|
||||||
|
@ -49,6 +49,7 @@ Use `type` prop to custom diffrent type fields.
|
|||||||
<van-field
|
<van-field
|
||||||
value="Disabled"
|
value="Disabled"
|
||||||
label="Username"
|
label="Username"
|
||||||
|
left-icon="contact"
|
||||||
disabled
|
disabled
|
||||||
/>
|
/>
|
||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
|
@ -54,7 +54,9 @@ exports[`renders demo correctly 1`] = `
|
|||||||
<div>
|
<div>
|
||||||
<div class="van-cell-group van-hairline--top-bottom">
|
<div class="van-cell-group van-hairline--top-bottom">
|
||||||
<div disabled="disabled" class="van-cell van-hairline van-field">
|
<div disabled="disabled" class="van-cell van-hairline van-field">
|
||||||
<!---->
|
<i class="van-icon van-icon-contact van-cell__left-icon" style="color:undefined;">
|
||||||
|
<!---->
|
||||||
|
</i>
|
||||||
<div class="van-cell__title"><span>用户名</span>
|
<div class="van-cell__title"><span>用户名</span>
|
||||||
<!---->
|
<!---->
|
||||||
</div>
|
</div>
|
||||||
|
@ -51,6 +51,7 @@ Vue.use(Field);
|
|||||||
<van-field
|
<van-field
|
||||||
value="输入框已禁用"
|
value="输入框已禁用"
|
||||||
label="用户名"
|
label="用户名"
|
||||||
|
left-icon="contact"
|
||||||
disabled
|
disabled
|
||||||
/>
|
/>
|
||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user