From 7d26ed0e19bf952e7c037b21bfd687759b46e851 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期二, 25 六月 2024 19:21:33 +0800
Subject: [PATCH] 菜单更新
---
src/views/demo/page/form/step/Step1.vue | 77 ++++++++++++++++----------------------
1 files changed, 32 insertions(+), 45 deletions(-)
diff --git a/src/views/demo/page/form/step/Step1.vue b/src/views/demo/page/form/step/Step1.vue
index 1e014a4..9cc6d76 100644
--- a/src/views/demo/page/form/step/Step1.vue
+++ b/src/views/demo/page/form/step/Step1.vue
@@ -3,17 +3,17 @@
<div class="step1-form">
<BasicForm @register="register">
<template #fac="{ model, field }">
- <a-input-group compact>
- <a-select v-model:value="model['pay']" class="pay-select">
- <a-select-option value="zfb"> 鏀粯瀹� </a-select-option>
- <a-select-option value="yl"> 閾惰仈 </a-select-option>
- </a-select>
+ <Input.Group compact>
+ <Select v-model:value="model['pay']" class="pay-select">
+ <Select.Option value="zfb"> 鏀粯瀹� </Select.Option>
+ <Select.Option value="yl"> 閾惰仈 </Select.Option>
+ </Select>
<a-input class="pay-input" v-model:value="model[field]" />
- </a-input-group>
+ </Input.Group>
</template>
</BasicForm>
</div>
- <a-divider />
+ <Divider />
<h3>璇存槑</h3>
<h4>杞处鍒版敮浠樺疂璐︽埛</h4>
<p>
@@ -26,48 +26,35 @@
</p>
</div>
</template>
-<script lang="ts">
- import { defineComponent } from 'vue';
- import { BasicForm, useForm } from '/@/components/Form';
+<script lang="ts" setup>
+ import { BasicForm, useForm } from '@/components/Form';
import { step1Schemas } from './data';
import { Select, Input, Divider } from 'ant-design-vue';
- export default defineComponent({
- components: {
- BasicForm,
- [Select.name]: Select,
- ASelectOption: Select.Option,
- [Input.name]: Input,
- [Input.Group.name]: Input.Group,
- [Divider.name]: Divider,
- },
- emits: ['next'],
- setup(_, { emit }) {
- const [register, { validate }] = useForm({
- labelWidth: 100,
- schemas: step1Schemas,
- actionColOptions: {
- span: 14,
- },
- showResetButton: false,
- submitButtonOptions: {
- text: '涓嬩竴姝�',
- },
- submitFunc: customSubmitFunc,
- });
- async function customSubmitFunc() {
- try {
- const values = await validate();
- emit('next', values);
- } catch (error) {
- //
- }
- }
+ const emit = defineEmits(['next']);
- return { register };
+ const [register, { validate }] = useForm({
+ labelWidth: 100,
+ schemas: step1Schemas,
+ actionColOptions: {
+ span: 14,
},
+ showResetButton: false,
+ submitButtonOptions: {
+ text: '涓嬩竴姝�',
+ },
+ submitFunc: customSubmitFunc,
});
+
+ async function customSubmitFunc() {
+ try {
+ const values = await validate();
+ emit('next', values);
+ } catch (error) {
+ //
+ }
+ }
</script>
<style lang="less" scoped>
.step1 {
@@ -78,20 +65,20 @@
h3 {
margin: 0 0 12px;
- color: @text-color;
+ color: @text-color-base;
font-size: 16px;
line-height: 32px;
}
h4 {
margin: 0 0 4px;
- color: @text-color;
+ color: @text-color-base;
font-size: 14px;
line-height: 22px;
}
p {
- color: @text-color;
+ color: @text-color-base;
}
}
--
Gitblit v1.9.3