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-12-09 15:59:07 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
4e5d9ee82cd4720ea3713adf1f040824f0d1dc90
4e5d9ee8
1 parent
5948a195
新增组件默认值,单选新增字段描述属性
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
29 additions
and
7 deletions
src/components/PhoneField/index.vue
src/components/RadioField/index.vue
src/components/TextField/index.vue
src/components/TextareaField/index.vue
src/components/PhoneField/index.vue
View file @
4e5d9ee
<!--
* @Date: 2022-09-02 10:46:03
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-12-0
8 17:47:30
* @LastEditTime: 2022-12-0
9 13:34:21
* @FilePath: /data-table/src/components/PhoneField/index.vue
* @Description: 手机输入框
-->
...
...
@@ -17,7 +17,7 @@
:name="item.name"
type="digit"
maxlength="11"
:placeholder="item.component_props.placeholder"
:placeholder="item.component_props.placeholder
? item.component_props.placeholder : '请输入手机号码'
"
:rules="rules"
:required="item.component_props.required"
:readonly="readonly"
...
...
@@ -25,6 +25,20 @@
:border="false"
>
</van-field>
<van-field
v-if="is_sms"
name="ignore"
v-model="sms"
center
clearable
label=""
placeholder="请输入短信验证码"
:border="false"
>
<template #button>
<van-button size="small" type="primary">发送验证码</van-button>
</template>
</van-field>
<van-number-keyboard
v-model="item.value"
:show="show"
...
...
@@ -46,6 +60,8 @@ const props = defineProps({
// web端判断
const readonly = computed(() => wxInfo().isMobile);
// 打开短信验证模式
const is_sms = ref(false);
// 校验函数返回 true 表示校验通过,false 表示不通过
const validator = (val) => {
...
...
src/components/RadioField/index.vue
View file @
4e5d9ee
<!--
* @Date: 2022-08-30 11:34:19
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-1
1-21 15:15:51
* @LastEditTime: 2022-1
2-09 15:54:52
* @FilePath: /data-table/src/components/RadioField/index.vue
* @Description: 单项选择控件
-->
...
...
@@ -11,6 +11,12 @@
{{ item.component_props.label
}}<span v-if="item.component_props.required"> *</span>
</div>
<div
v-if="item.component_props.note"
style="font-size: 0.9rem; margin-left: 1rem; color: gray; margin-top: 0.25rem;"
>
{{ item.component_props.note }}
</div>
<van-field :name="item.key" :rules="item.rules">
<template #input>
<van-radio-group
...
...
src/components/TextField/index.vue
View file @
4e5d9ee
<!--
* @Date: 2022-08-29 14:31:20
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-
09-13 18:13:21
* @LastEditTime: 2022-
12-09 15:33:56
* @FilePath: /data-table/src/components/TextField/index.vue
* @Description: 单行文本输入框
-->
...
...
@@ -15,7 +15,7 @@
v-model="item.value"
:name="item.name"
:type="item.type"
:placeholder="item.component_props.placeholder"
:placeholder="item.component_props.placeholder
? item.component_props.placeholder : '请输入'
"
:rules="item.rules"
:required="item.required"
:readonly="item.component_props.readonly"
...
...
src/components/TextareaField/index.vue
View file @
4e5d9ee
<!--
* @Date: 2022-08-29 14:31:20
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-
09-08 14:27:56
* @LastEditTime: 2022-
12-09 15:37:59
* @FilePath: /data-table/src/components/TextareaField/index.vue
* @Description: 多行文本输入框
-->
...
...
@@ -15,7 +15,7 @@
v-model="item.value"
:name="item.name"
:type="item.type"
:placeholder="item.component_props.placeholder"
:placeholder="item.component_props.placeholder
? item.component_props.placeholder : '请输入'
"
:rules="item.rules"
:required="item.component_props.required"
:rows="item.component_props.rows"
...
...
Please
register
or
login
to post a comment