From 2069d53e9be24adec3c8d6717fd7317555bd9a52 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期二, 02 七月 2024 23:02:51 +0800
Subject: [PATCH] 高级表单优化
---
src/views/demo/page/account/setting/index.vue | 41 +++++++++++++++--------------------------
1 files changed, 15 insertions(+), 26 deletions(-)
diff --git a/src/views/demo/page/account/setting/index.vue b/src/views/demo/page/account/setting/index.vue
index dffa2f6..2e5cdd1 100644
--- a/src/views/demo/page/account/setting/index.vue
+++ b/src/views/demo/page/account/setting/index.vue
@@ -4,7 +4,7 @@
<Tabs tab-position="left" :tabBarStyle="tabBarStyle">
<template v-for="item in settingList" :key="item.key">
<TabPane :tab="item.name">
- <component :is="item.component" />
+ <component :is="tabs[item.component]" />
</TabPane>
</template>
</Tabs>
@@ -12,38 +12,27 @@
</ScrollContainer>
</template>
-<script lang="ts">
- import { defineComponent } from 'vue';
+<script lang="ts" setup>
import { Tabs } from 'ant-design-vue';
-
- import { ScrollContainer } from '/@/components/Container/index';
+ import { ScrollContainer } from '@/components/Container';
import { settingList } from './data';
-
import BaseSetting from './BaseSetting.vue';
import SecureSetting from './SecureSetting.vue';
import AccountBind from './AccountBind.vue';
import MsgNotify from './MsgNotify.vue';
- export default defineComponent({
- components: {
- ScrollContainer,
- Tabs,
- TabPane: Tabs.TabPane,
- BaseSetting,
- SecureSetting,
- AccountBind,
- MsgNotify,
- },
- setup() {
- return {
- prefixCls: 'account-setting',
- settingList,
- tabBarStyle: {
- width: '220px',
- },
- };
- },
- });
+ const TabPane = Tabs.TabPane;
+ const tabs = {
+ BaseSetting,
+ SecureSetting,
+ AccountBind,
+ MsgNotify,
+ };
+
+ const prefixCls = 'account-setting';
+ const tabBarStyle = {
+ width: '220px',
+ };
</script>
<style lang="less">
.account-setting {
--
Gitblit v1.9.3