blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

docs(Field): consistent with demo (#11707)

Browse Source
This commit is contained in:
neverland 2023-03-26 12:11:42 +08:00 committed by GitHub
parent 1c1e2e3b27
commit 81d36aa9ac
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 60 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -6,6 +6,7 @@
"lint": "pnpm --dir ./packages/vant lint",
"test": "pnpm --dir ./packages/vant test",
"test:watch": "pnpm --dir ./packages/vant test:watch",
"test:update": "pnpm --dir ./packages/vant test:update",
"build": "pnpm --dir ./packages/vant build",
"build:site": "pnpm --dir ./packages/vant build:site"
},

24
packages/vant/src/field/README.md
View File

@ -243,16 +243,34 @@ Use `input-align` prop to align the input value.
### Label Align
Use `label-align` prop to align the input value.
Use `label-align` prop to align the input value, can be set to `center`, `right` or `top`.
```html
<van-cell-group inset>
<van-field
v-model="value"
label="Tel"
placeholder="Please input tel number"
label="Label"
placeholder="Align Top"
label-align="top"
/>
<van-field
v-model="value2"
label="Label"
placeholder="Align Left"
label-align="left"
/>
<van-field
v-model="value3"
label="Label"
placeholder="Align Center"
label-align="center"
/>
<van-field
v-model="value4"
label="Label"
placeholder="Align Right"
label-align="right"
/>
</van-cell-group>
```

22
packages/vant/src/field/README.zh-CN.md
View File

@ -268,10 +268,28 @@ export default {
<van-cell-group inset>
<van-field
v-model="value"
label="手机号"
placeholder="请输入手机号"
label="文本"
placeholder="顶部对齐"
label-align="top"
/>
<van-field
v-model="value2"
label="文本"
placeholder="左对齐"
label-align="left"
/>
<van-field
v-model="value3"
label="文本"
placeholder="居中对齐"
label-align="center"
/>
<van-field
v-model="value4"
label="文本"
placeholder="右对齐"
label-align="right"
/>
</van-cell-group>
```

20
packages/vant/src/field/demo/LabelAlign.vue
View File

@ -6,7 +6,7 @@ import { useTranslate } from '../../../docs/site';
const t = useTranslate({
'zh-CN': {
text: '文本',
label: '文本',
top: '顶部对齐',
center: '居中对齐',
left: '左对齐',
@ -14,11 +14,11 @@ const t = useTranslate({
labelAlign: '输入框文本位置',
},
'en-US': {
text: 'Text',
top: 'Top Align',
center: 'Center Align',
left: 'Left Align',
right: 'Right Align',
label: 'Label',
top: 'Align Top',
center: 'Align Center',
left: 'Align Left',
right: 'Align Right',
labelAlign: 'Label Align',
},
});
@ -31,25 +31,25 @@ const value = ref('');
<van-cell-group inset>
<van-field
v-model="value"
:label="t('text')"
:label="t('label')"
:placeholder="t('top')"
label-align="top"
/>
<van-field
v-model="value"
:label="t('text')"
:label="t('label')"
:placeholder="t('left')"
label-align="left"
/>
<van-field
v-model="value"
:label="t('text')"
:label="t('label')"
:placeholder="t('center')"
label-align="center"
/>
<van-field
v-model="value"
:label="t('text')"
:label="t('label')"
:placeholder="t('right')"
label-align="right"
/>

16
packages/vant/src/field/test/__snapshots__/demo.spec.ts.snap
View File

@ -424,7 +424,7 @@ exports[`should render demo and match snapshot 1`] = `
<label id="van-field-label"
for="van-field-input"
>
Text
Label
</label>
</div>
<div class="van-cell__value van-field__value">
@ -432,7 +432,7 @@ exports[`should render demo and match snapshot 1`] = `
<input type="text"
id="van-field-input"
class="van-field__control"
placeholder="Top Align"
placeholder="Align Top"
aria-labelledby="van-field-label"
>
</div>
@ -443,7 +443,7 @@ exports[`should render demo and match snapshot 1`] = `
<label id="van-field-label"
for="van-field-input"
>
Text
Label
</label>
</div>
<div class="van-cell__value van-field__value">
@ -451,7 +451,7 @@ exports[`should render demo and match snapshot 1`] = `
<input type="text"
id="van-field-input"
class="van-field__control"
placeholder="Left Align"
placeholder="Align Left"
aria-labelledby="van-field-label"
>
</div>
@ -462,7 +462,7 @@ exports[`should render demo and match snapshot 1`] = `
<label id="van-field-label"
for="van-field-input"
>
Text
Label
</label>
</div>
<div class="van-cell__value van-field__value">
@ -470,7 +470,7 @@ exports[`should render demo and match snapshot 1`] = `
<input type="text"
id="van-field-input"
class="van-field__control"
placeholder="Center Align"
placeholder="Align Center"
aria-labelledby="van-field-label"
>
</div>
@ -481,7 +481,7 @@ exports[`should render demo and match snapshot 1`] = `
<label id="van-field-label"
for="van-field-input"
>
Text
Label
</label>
</div>
<div class="van-cell__value van-field__value">
@ -489,7 +489,7 @@ exports[`should render demo and match snapshot 1`] = `
<input type="text"
id="van-field-input"
class="van-field__control"
placeholder="Right Align"
placeholder="Align Right"
aria-labelledby="van-field-label"
>
</div>