chore(Form): fix demo border

This commit is contained in:
chenjiahan
2020-03-13 15:28:08 +08:00
parent e96c352680
commit cc29b28c5b
5 changed files with 23 additions and 9 deletions
+2 -1
View File
@@ -1,10 +1,11 @@
<template>
<div>
<div class="van-hairline--bottom">
<van-field
readonly
clickable
name="area"
:value="value"
:border="false"
:label="$t('picker')"
:placeholder="$t('placeholder')"
@click="showArea = true"
+2 -1
View File
@@ -1,10 +1,11 @@
<template>
<div>
<div class="van-hairline--bottom">
<van-field
readonly
clickable
name="datetimePicker"
:value="value"
:border="false"
:label="$t('label')"
:placeholder="$t('placeholder')"
@click="showPicker = true"
+2 -1
View File
@@ -1,10 +1,11 @@
<template>
<div>
<div class="van-hairline--bottom">
<van-field
readonly
clickable
name="picker"
:value="value"
:border="false"
:label="$t('picker')"
:placeholder="$t('placeholder')"
@click="showPicker = true"
+11
View File
@@ -19,3 +19,14 @@ export default {
},
};
</script>
<style lang="less">
.demo-form {
width: 100vw;
overflow: hidden;
.van-hairline--bottom::after {
margin-left: 16px;
}
}
</style>