Hooke / data-table

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
bcd62b7e 1 parent c25af0bf

fix border样式调整

Inline Side-by-side
Showing 5 changed files with 13 additions and 5 deletions
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
8 <template> 8 <template>
9 <div class="checkbox-field-page"> 9 <div class="checkbox-field-page">
10 <div class="label"> 10 <div class="label">
11 - {{ item.label }} 11 + {{ item.component_props.label }}
12 <span v-if="item.component_props.required" style="color: red">&nbsp;*</span> 12 <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
13 <span v-if="item.component_props.max" style="color: gray"> 13 <span v-if="item.component_props.max" style="color: gray">
14 (最多可选数:&nbsp;{{ item.component_props.max }}) 14 (最多可选数:&nbsp;{{ item.component_props.max }})
...@@ -20,6 +20,7 @@ ...@@ -20,6 +20,7 @@
20 v-model="item.value" 20 v-model="item.value"
21 :direction="item.component_props.direction" 21 :direction="item.component_props.direction"
22 :max="item.component_props.max" 22 :max="item.component_props.max"
23 + style="width: 100%"
23 > 24 >
24 <van-checkbox 25 <van-checkbox
25 v-for="x in item.component_props.options" 26 v-for="x in item.component_props.options"
...@@ -55,4 +56,11 @@ onMounted(() => { ...@@ -55,4 +56,11 @@ onMounted(() => {
55 font-weight: bold; 56 font-weight: bold;
56 } 57 }
57 } 58 }
59 +
60 +:deep(.van-checkbox) {
61 + border: 1px solid #eaeaea;
62 + border-radius: 0.25rem;
63 + padding: 0.25rem 0.5rem;
64 + // width: 100vw;
65 +}
58 </style> 66 </style>
......
...@@ -97,7 +97,7 @@ const onDelete = () => {}; ...@@ -97,7 +97,7 @@ const onDelete = () => {};
97 } 97 }
98 } 98 }
99 99
100 -:deep(.van-cell__value) { 100 +:deep(.van-field__body) {
101 border: 1px solid #eaeaea; 101 border: 1px solid #eaeaea;
102 border-radius: 0.25rem; 102 border-radius: 0.25rem;
103 padding: 0.25rem 0.5rem; 103 padding: 0.25rem 0.5rem;
......
...@@ -118,7 +118,7 @@ const onDelete = () => {}; ...@@ -118,7 +118,7 @@ const onDelete = () => {};
118 } 118 }
119 } 119 }
120 120
121 -:deep(.van-cell__value) { 121 +:deep(.van-field__body) {
122 border: 1px solid #eaeaea; 122 border: 1px solid #eaeaea;
123 border-radius: 0.25rem; 123 border-radius: 0.25rem;
124 padding: 0.25rem 0.5rem; 124 padding: 0.25rem 0.5rem;
......
...@@ -96,7 +96,7 @@ const blurKeyboard = () => { ...@@ -96,7 +96,7 @@ const blurKeyboard = () => {
96 } 96 }
97 } 97 }
98 98
99 -:deep(.van-cell__value) { 99 +:deep(.van-field__body) {
100 border: 1px solid #eaeaea; 100 border: 1px solid #eaeaea;
101 border-radius: 0.25rem; 101 border-radius: 0.25rem;
102 padding: 0.25rem 0.5rem; 102 padding: 0.25rem 0.5rem;
......
...@@ -43,7 +43,7 @@ const props = defineProps({ ...@@ -43,7 +43,7 @@ const props = defineProps({
43 } 43 }
44 } 44 }
45 45
46 -:deep(.van-cell__value) { 46 +:deep(.van-field__body) {
47 border: 1px solid #eaeaea; 47 border: 1px solid #eaeaea;
48 border-radius: 0.25rem; 48 border-radius: 0.25rem;
49 padding: 0.25rem 0.5rem; 49 padding: 0.25rem 0.5rem;
......