From a4ee6ba0ca28833cbbb8cf0e675561b10fa4c1af Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期四, 12 九月 2024 01:23:40 +0800
Subject: [PATCH] 规则维护更新
---
src/layouts/default/tabs/components/TabRedo.vue | 43 +++++++++++++++++++++----------------------
1 files changed, 21 insertions(+), 22 deletions(-)
diff --git a/src/layouts/default/tabs/components/TabRedo.vue b/src/layouts/default/tabs/components/TabRedo.vue
index a6fa657..bc39262 100644
--- a/src/layouts/default/tabs/components/TabRedo.vue
+++ b/src/layouts/default/tabs/components/TabRedo.vue
@@ -3,31 +3,30 @@
<RedoOutlined :spin="loading" />
</span>
</template>
-<script lang="ts">
- import { defineComponent, ref } from 'vue';
+<script lang="ts" setup>
+ import { ref } from 'vue';
import { RedoOutlined } from '@ant-design/icons-vue';
- import { useDesign } from '/@/hooks/web/useDesign';
- import { useTabs } from '/@/hooks/web/useTabs';
+ import { useDesign } from '@/hooks/web/useDesign';
+ import { useTabs } from '@/hooks/web/useTabs';
- export default defineComponent({
- name: 'TabRedo',
- components: { RedoOutlined },
+ defineOptions({ name: 'TabRedo' });
- setup() {
- const loading = ref(false);
+ const loading = ref(false);
- const { prefixCls } = useDesign('multiple-tabs-content');
- const { refreshPage } = useTabs();
+ const { prefixCls } = useDesign('multiple-tabs-content');
+ const { refreshPage } = useTabs();
- async function handleRedo() {
- loading.value = true;
- await refreshPage();
- setTimeout(() => {
- loading.value = false;
- // Animation execution time
- }, 1200);
- }
- return { prefixCls, handleRedo, loading };
- },
- });
+ async function handleRedo() {
+ loading.value = true;
+ await refreshPage();
+ setTimeout(() => {
+ loading.value = false;
+ // Animation execution time
+ }, 1200);
+ }
</script>
+<style lang="less" scoped>
+ span.anticon-redo {
+ vertical-align: baseline !important;
+ }
+</style>
--
Gitblit v1.9.3