From 043701d5a28df6a0ea596ed7e4198676480bcc60 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期三, 05 三月 2025 16:12:55 +0800
Subject: [PATCH] 工具维护更新

---
 src/views/demo/page/account/setting/SecureSetting.vue |   35 ++++++++++-------------------------
 1 files changed, 10 insertions(+), 25 deletions(-)

diff --git a/src/views/demo/page/account/setting/SecureSetting.vue b/src/views/demo/page/account/setting/SecureSetting.vue
index 1d83f9f..7991cfe 100644
--- a/src/views/demo/page/account/setting/SecureSetting.vue
+++ b/src/views/demo/page/account/setting/SecureSetting.vue
@@ -1,12 +1,15 @@
 <template>
-  <CollapseContainer title="瀹夊叏璁剧疆" :canExpan="false">
+  <CollapseContainer title="瀹夊叏璁剧疆" :canExpand="false">
     <List>
-      <template v-for="item in list" :key="item.key">
+      <template v-for="item in secureSettingList" :key="item.key">
         <ListItem>
           <ListItemMeta>
             <template #title>
               {{ item.title }}
-              <div class="extra" v-if="item.extra">
+              <div
+                class="float-right mt-10px mr-30px text-blue-500 text-font-normal cursor-pointer"
+                v-if="item.extra"
+              >
                 {{ item.extra }}
               </div>
             </template>
@@ -19,29 +22,11 @@
     </List>
   </CollapseContainer>
 </template>
-<script lang="ts">
+<script lang="ts" setup>
+  import { CollapseContainer } from '@/components/Container';
   import { List } from 'ant-design-vue';
-  import { defineComponent } from 'vue';
-  import { CollapseContainer } from '/@/components/Container/index';
-
   import { secureSettingList } from './data';
 
-  export default defineComponent({
-    components: { CollapseContainer, List, ListItem: List.Item, ListItemMeta: List.Item.Meta },
-    setup() {
-      return {
-        list: secureSettingList,
-      };
-    },
-  });
+  const ListItem = List.Item;
+  const ListItemMeta = List.Item.Meta;
 </script>
-<style lang="less" scoped>
-  .extra {
-    margin-top: 10px;
-    margin-right: 30px;
-    float: right;
-    color: #1890ff;
-    font-weight: normal;
-    cursor: pointer;
-  }
-</style>

--
Gitblit v1.9.3