Hooke / data-table

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
d955913a 1 parent 5b26a7eb

✨ feat: 边框样式调整

Inline Side-by-side
Showing 4 changed files with 10 additions and 9 deletions
1 <!-- 1 <!--
2 * @Date: 2022-08-30 14:32:11 2 * @Date: 2022-08-30 14:32:11
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-09-06 15:53:10 4 + * @LastEditTime: 2022-09-07 16:05:51
5 * @FilePath: /data-table/src/components/AreaPickerField/index.vue 5 * @FilePath: /data-table/src/components/AreaPickerField/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 <div class="area-picker-field"> 9 <div class="area-picker-field">
10 <div class="label">{{ item.label }}<span v-if="item.required">&nbsp;*</span></div> 10 <div class="label">{{ item.label }}<span v-if="item.required">&nbsp;*</span></div>
11 <van-field v-model="item.value" is-link readonly :name="item.key" :required="item.required" 11 <van-field v-model="item.value" is-link readonly :name="item.key" :required="item.required"
12 - :placeholder="item.placeholder" :rules="item.rules" @click="showPicker = true" /> 12 + :placeholder="item.placeholder" :rules="item.rules" @click="showPicker = true" :border="false" />
13 - <van-field name="address" v-model="item.address" placeholder="详细地址" /> 13 + <van-field name="address" v-model="item.address" placeholder="详细地址" :border="false" />
14 <van-popup v-model:show="showPicker" position="bottom"> 14 <van-popup v-model:show="showPicker" position="bottom">
15 <van-area name="city_code" v-model="item.city_code" title="" :area-list="areaList" @confirm="onConfirm" 15 <van-area name="city_code" v-model="item.city_code" title="" :area-list="areaList" @confirm="onConfirm"
16 @cancel="showPicker = false" /> 16 @cancel="showPicker = false" />
......
1 <!-- 1 <!--
2 * @Date: 2022-08-30 11:34:19 2 * @Date: 2022-08-30 11:34:19
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-08-30 13:54:02 4 + * @LastEditTime: 2022-09-07 16:06:06
5 * @FilePath: /data-table/src/components/CheckboxField/index.vue 5 * @FilePath: /data-table/src/components/CheckboxField/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
8 <template> 8 <template>
9 <div class="checkbox-field-page"> 9 <div class="checkbox-field-page">
10 <div class="label">{{ item.label }}<span v-if="item.required">&nbsp;*</span></div> 10 <div class="label">{{ item.label }}<span v-if="item.required">&nbsp;*</span></div>
11 - <van-field :name="item.key"> 11 + <van-field :name="item.key" :border="false">
12 <template #input> 12 <template #input>
13 <van-checkbox-group v-model="item.value"> 13 <van-checkbox-group v-model="item.value">
14 <van-checkbox v-for="x in item.options" :key="index" :name="x.key" icon-size="1rem" shape="square" 14 <van-checkbox v-for="x in item.options" :key="index" :name="x.key" icon-size="1rem" shape="square"
......
1 <!-- 1 <!--
2 * @Date: 2022-09-02 10:46:03 2 * @Date: 2022-09-02 10:46:03
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-09-02 11:36:29 4 + * @LastEditTime: 2022-09-07 16:03:00
5 * @FilePath: /data-table/src/components/PhoneField/index.vue 5 * @FilePath: /data-table/src/components/PhoneField/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -9,7 +9,8 @@ ...@@ -9,7 +9,8 @@
9 <div class="phone-field-page"> 9 <div class="phone-field-page">
10 <div class="label">{{ item.label }}<span v-if="item.required">&nbsp;*</span></div> 10 <div class="label">{{ item.label }}<span v-if="item.required">&nbsp;*</span></div>
11 <van-field v-model="item.value" :name="item.name" type="digit" maxlength="11" :placeholder="item.placeholder" 11 <van-field v-model="item.value" :name="item.name" type="digit" maxlength="11" :placeholder="item.placeholder"
12 - :rules="rules" :required="item.required" :readonly="readonly" @touchstart.stop="show = true"></van-field> 12 + :rules="rules" :required="item.required" :readonly="readonly" @touchstart.stop="show = true" :border="false">
13 + </van-field>
13 <van-number-keyboard v-model="item.value" :show="show" :maxlength="11" @blur="show = false" /> 14 <van-number-keyboard v-model="item.value" :show="show" :maxlength="11" @blur="show = false" />
14 </div> 15 </div>
15 </template> 16 </template>
......
1 <!-- 1 <!--
2 * @Date: 2022-08-29 14:31:20 2 * @Date: 2022-08-29 14:31:20
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-08-30 10:40:16 4 + * @LastEditTime: 2022-09-07 16:01:42
5 * @FilePath: /data-table/src/components/TextField/index.vue 5 * @FilePath: /data-table/src/components/TextField/index.vue
6 * @Description: 单行文本输入框 6 * @Description: 单行文本输入框
7 --> 7 -->
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
9 <div class="text-field-page"> 9 <div class="text-field-page">
10 <div class="label">{{ item.label }}<span v-if="item.required">&nbsp;*</span></div> 10 <div class="label">{{ item.label }}<span v-if="item.required">&nbsp;*</span></div>
11 <van-field v-model="item.value" :name="item.name" :type="item.type" :placeholder="item.placeholder" 11 <van-field v-model="item.value" :name="item.name" :type="item.type" :placeholder="item.placeholder"
12 - :rules="item.rules" :required="item.required" clearable /> 12 + :rules="item.rules" :required="item.required" clearable :border="false" />
13 </div> 13 </div>
14 </template> 14 </template>
15 15
......