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

chore(Form): fix demo border

Browse Source
This commit is contained in:
chenjiahan 2020-03-13 15:23:54 +08:00
parent e96c352680
commit cc29b28c5b
5 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/form/demo/FieldTypeArea.vue
View File

@ -1,10 +1,11 @@
<template> <template>
<div> <div class="van-hairline--bottom">
<van-field <van-field
readonly readonly
clickable clickable
name="area" name="area"
:value="value" :value="value"
:border="false"
:label="$t('picker')" :label="$t('picker')"
:placeholder="$t('placeholder')" :placeholder="$t('placeholder')"
@click="showArea = true" @click="showArea = true"

3
src/form/demo/FieldTypeDatetimePicker.vue
View File

@ -1,10 +1,11 @@
<template> <template>
<div> <div class="van-hairline--bottom">
<van-field <van-field
readonly readonly
clickable clickable
name="datetimePicker" name="datetimePicker"
:value="value" :value="value"
:border="false"
:label="$t('label')" :label="$t('label')"
:placeholder="$t('placeholder')" :placeholder="$t('placeholder')"
@click="showPicker = true" @click="showPicker = true"

3
src/form/demo/FieldTypePicker.vue
View File

@ -1,10 +1,11 @@
<template> <template>
<div> <div class="van-hairline--bottom">
<van-field <van-field
readonly readonly
clickable clickable
name="picker" name="picker"
:value="value" :value="value"
:border="false"
:label="$t('picker')" :label="$t('picker')"
:placeholder="$t('placeholder')" :placeholder="$t('placeholder')"
@click="showPicker = true" @click="showPicker = true"

11
src/form/demo/index.vue
View File

@ -19,3 +19,14 @@ export default {
}, },
}; };
</script> </script>
<style lang="less">
.demo-form {
width: 100vw;
overflow: hidden;
.van-hairline--bottom::after {
margin-left: 16px;
}
}
</style>

12
src/form/test/__snapshots__/demo.spec.js.snap
View File

@ -184,8 +184,8 @@ exports[`renders demo correctly 1`] = `
</div> </div>
</div> </div>
</div> </div>
<div> <div class="van-hairline--bottom">
<div role="button" tabindex="0" class="van-cell van-cell--clickable van-field"> <div role="button" tabindex="0" class="van-cell van-cell--clickable van-cell--borderless 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" name="picker" readonly="readonly" placeholder="点击选择城市" class="van-field__control"></div> <div class="van-field__body"><input type="text" name="picker" readonly="readonly" placeholder="点击选择城市" class="van-field__control"></div>
@ -193,8 +193,8 @@ exports[`renders demo correctly 1`] = `
</div> </div>
<!----> <!---->
</div> </div>
<div> <div class="van-hairline--bottom">
<div role="button" tabindex="0" class="van-cell van-cell--clickable van-field"> <div role="button" tabindex="0" class="van-cell van-cell--clickable van-cell--borderless 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" name="datetimePicker" readonly="readonly" placeholder="点击选择时间" class="van-field__control"></div> <div class="van-field__body"><input type="text" name="datetimePicker" readonly="readonly" placeholder="点击选择时间" class="van-field__control"></div>
@ -202,8 +202,8 @@ exports[`renders demo correctly 1`] = `
</div> </div>
<!----> <!---->
</div> </div>
<div> <div class="van-hairline--bottom">
<div role="button" tabindex="0" class="van-cell van-cell--clickable van-field"> <div role="button" tabindex="0" class="van-cell van-cell--clickable van-cell--borderless 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" name="area" readonly="readonly" placeholder="点击选择省市区" class="van-field__control"></div> <div class="van-field__body"><input type="text" name="area" readonly="readonly" placeholder="点击选择省市区" class="van-field__control"></div>