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/AccountBind.vue | 27 +++++++--------------------
1 files changed, 7 insertions(+), 20 deletions(-)
diff --git a/src/views/demo/page/account/setting/AccountBind.vue b/src/views/demo/page/account/setting/AccountBind.vue
index f59a449..51acb7b 100644
--- a/src/views/demo/page/account/setting/AccountBind.vue
+++ b/src/views/demo/page/account/setting/AccountBind.vue
@@ -1,7 +1,7 @@
<template>
- <CollapseContainer title="璐﹀彿缁戝畾" :canExpan="false">
+ <CollapseContainer title="璐﹀彿缁戝畾" :canExpand="false">
<List>
- <template v-for="item in list" :key="item.key">
+ <template v-for="item in accountBindList" :key="item.key">
<ListItem>
<ListItemMeta>
<template #avatar>
@@ -22,28 +22,15 @@
</List>
</CollapseContainer>
</template>
-<script lang="ts">
- import { List } from 'ant-design-vue';
- import { defineComponent } from 'vue';
- import { CollapseContainer } from '/@/components/Container/index';
+<script lang="ts" setup>
+ import { CollapseContainer } from '@/components/Container';
import Icon from '@/components/Icon/Icon.vue';
+ import { List } from 'ant-design-vue';
import { accountBindList } from './data';
- export default defineComponent({
- components: {
- CollapseContainer,
- List,
- ListItem: List.Item,
- ListItemMeta: List.Item.Meta,
- Icon,
- },
- setup() {
- return {
- list: accountBindList,
- };
- },
- });
+ const ListItem = List.Item;
+ const ListItemMeta = List.Item.Meta;
</script>
<style lang="less" scoped>
.avatar {
--
Gitblit v1.9.3