Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
data-table
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Graphs
Network
Create a new issue
Commits
Issue Boards
Authored by
hookehuyr
2022-09-07 17:09:09 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
d955913ac2b4cbb4383f8214b63b2fba4f608194
d955913a
1 parent
5b26a7eb
✨ feat: 边框样式调整
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
10 additions
and
9 deletions
src/components/AreaPickerField/index.vue
src/components/CheckboxField/index.vue
src/components/PhoneField/index.vue
src/components/TextField/index.vue
src/components/AreaPickerField/index.vue
View file @
d955913
<!--
* @Date: 2022-08-30 14:32:11
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-09-0
6 15:53:10
* @LastEditTime: 2022-09-0
7 16:05:51
* @FilePath: /data-table/src/components/AreaPickerField/index.vue
* @Description: 文件描述
-->
...
...
@@ -9,8 +9,8 @@
<div class="area-picker-field">
<div class="label">{{ item.label }}<span v-if="item.required"> *</span></div>
<van-field v-model="item.value" is-link readonly :name="item.key" :required="item.required"
:placeholder="item.placeholder" :rules="item.rules" @click="showPicker = true" />
<van-field name="address" v-model="item.address" placeholder="详细地址" />
:placeholder="item.placeholder" :rules="item.rules" @click="showPicker = true"
:border="false"
/>
<van-field name="address" v-model="item.address" placeholder="详细地址"
:border="false"
/>
<van-popup v-model:show="showPicker" position="bottom">
<van-area name="city_code" v-model="item.city_code" title="" :area-list="areaList" @confirm="onConfirm"
@cancel="showPicker = false" />
...
...
src/components/CheckboxField/index.vue
View file @
d955913
<!--
* @Date: 2022-08-30 11:34:19
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-0
8-30 13:54:02
* @LastEditTime: 2022-0
9-07 16:06:06
* @FilePath: /data-table/src/components/CheckboxField/index.vue
* @Description: 文件描述
-->
<template>
<div class="checkbox-field-page">
<div class="label">{{ item.label }}<span v-if="item.required"> *</span></div>
<van-field :name="item.key">
<van-field :name="item.key"
:border="false"
>
<template #input>
<van-checkbox-group v-model="item.value">
<van-checkbox v-for="x in item.options" :key="index" :name="x.key" icon-size="1rem" shape="square"
...
...
src/components/PhoneField/index.vue
View file @
d955913
<!--
* @Date: 2022-09-02 10:46:03
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-09-0
2 11:36:29
* @LastEditTime: 2022-09-0
7 16:03:00
* @FilePath: /data-table/src/components/PhoneField/index.vue
* @Description: 文件描述
-->
...
...
@@ -9,7 +9,8 @@
<div class="phone-field-page">
<div class="label">{{ item.label }}<span v-if="item.required"> *</span></div>
<van-field v-model="item.value" :name="item.name" type="digit" maxlength="11" :placeholder="item.placeholder"
:rules="rules" :required="item.required" :readonly="readonly" @touchstart.stop="show = true"></van-field>
:rules="rules" :required="item.required" :readonly="readonly" @touchstart.stop="show = true" :border="false">
</van-field>
<van-number-keyboard v-model="item.value" :show="show" :maxlength="11" @blur="show = false" />
</div>
</template>
...
...
src/components/TextField/index.vue
View file @
d955913
<!--
* @Date: 2022-08-29 14:31:20
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-0
8-30 10:40:16
* @LastEditTime: 2022-0
9-07 16:01:42
* @FilePath: /data-table/src/components/TextField/index.vue
* @Description: 单行文本输入框
-->
...
...
@@ -9,7 +9,7 @@
<div class="text-field-page">
<div class="label">{{ item.label }}<span v-if="item.required"> *</span></div>
<van-field v-model="item.value" :name="item.name" :type="item.type" :placeholder="item.placeholder"
:rules="item.rules" :required="item.required" clearable />
:rules="item.rules" :required="item.required" clearable
:border="false"
/>
</div>
</template>
...
...
Please
register
or
login
to post a comment