From 858b9bccead46cdefc99325b7c956d50a2964309 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期六, 08 三月 2025 10:20:28 +0800
Subject: [PATCH] 一些优化
---
src/views/demo/feat/tabs/index.vue | 71 ++++++++++++++---------------------
1 files changed, 29 insertions(+), 42 deletions(-)
diff --git a/src/views/demo/feat/tabs/index.vue b/src/views/demo/feat/tabs/index.vue
index a1bb519..2d5bd4d 100644
--- a/src/views/demo/feat/tabs/index.vue
+++ b/src/views/demo/feat/tabs/index.vue
@@ -1,10 +1,10 @@
<template>
<PageWrapper title="鏍囩椤垫搷浣滅ず渚�">
<CollapseContainer title="鍦ㄤ笅闈㈣緭鍏ユ杈撳叆鏂囨湰,鍒囨崲鍚庡洖鏉ュ唴瀹逛細淇濆瓨">
- <a-alert banner message="璇ユ搷浣滀笉浼氬奖鍝嶉〉闈㈡爣棰橈紝浠呬慨鏀筎ab鏍囬" />
+ <Alert banner message="璇ユ搷浣滀笉浼氬奖鍝嶉〉闈㈡爣棰橈紝浠呬慨鏀筎ab鏍囬" />
<div class="mt-2 flex flex-grow-0">
<a-button class="mr-2" @click="setTabTitle" type="primary"> 璁剧疆Tab鏍囬 </a-button>
- <a-input placeholder="璇疯緭鍏�" v-model:value="title" class="mr-4 w-12" />
+ <a-input placeholder="璇疯緭鍏�" v-model:value="title" class="mr-4 w-50" />
</div>
</CollapseContainer>
@@ -24,46 +24,33 @@
</CollapseContainer>
</PageWrapper>
</template>
-<script lang="ts">
- import { defineComponent, ref } from 'vue';
- import { CollapseContainer } from '/@/components/Container';
- import { useTabs } from '/@/hooks/web/useTabs';
- import { PageWrapper } from '/@/components/Page';
- import { Input, Alert } from 'ant-design-vue';
- import { useMessage } from '/@/hooks/web/useMessage';
- import { useGo } from '/@/hooks/web/usePage';
+<script lang="ts" setup>
+ import { ref } from 'vue';
- export default defineComponent({
- name: 'TabsDemo',
- components: { CollapseContainer, PageWrapper, [Input.name]: Input, [Alert.name]: Alert },
- setup() {
- const go = useGo();
- const title = ref<string>('');
- const { closeAll, closeLeft, closeRight, closeOther, closeCurrent, refreshPage, setTitle } =
- useTabs();
- const { createMessage } = useMessage();
- function setTabTitle() {
- if (title.value) {
- setTitle(title.value);
- } else {
- createMessage.error('璇疯緭鍏ヨ璁剧疆鐨凾ab鏍囬锛�');
- }
- }
+ import { CollapseContainer } from '@/components/Container';
+ import { useTabs } from '@/hooks/web/useTabs';
+ import { PageWrapper } from '@/components/Page';
+ import { Alert } from 'ant-design-vue';
+ import { useMessage } from '@/hooks/web/useMessage';
+ import { useGo } from '@/hooks/web/usePage';
- function toDetail(index: number) {
- go(`/feat/tabs/detail/${index}`);
- }
- return {
- closeAll,
- closeLeft,
- closeRight,
- closeOther,
- closeCurrent,
- toDetail,
- refreshPage,
- setTabTitle,
- title,
- };
- },
- });
+ defineOptions({ name: 'TabsDemo' });
+
+ const go = useGo();
+ const title = ref<string>('');
+ const { closeAll, closeLeft, closeRight, closeOther, closeCurrent, refreshPage, setTitle } =
+ useTabs();
+ const { createMessage } = useMessage();
+
+ function setTabTitle() {
+ if (title.value) {
+ setTitle(title.value);
+ } else {
+ createMessage.error('璇疯緭鍏ヨ璁剧疆鐨凾ab鏍囬锛�');
+ }
+ }
+
+ function toDetail(index: number) {
+ go(`/feat/tabs/detail/${index}`);
+ }
</script>
--
Gitblit v1.9.3