From 7bcfc0507043dc878c801a259aa7d058f4982551 Mon Sep 17 00:00:00 2001 From: Ben Lin <maobin001@msn.com> Date: 星期四, 09 一月 2025 00:42:21 +0800 Subject: [PATCH] 工单管理优化 --- src/views/demo/page/account/center/Project.vue | 34 ++++++++++------------------------ 1 files changed, 10 insertions(+), 24 deletions(-) diff --git a/src/views/demo/page/account/center/Project.vue b/src/views/demo/page/account/center/Project.vue index a0ef8bb..f217232 100644 --- a/src/views/demo/page/account/center/Project.vue +++ b/src/views/demo/page/account/center/Project.vue @@ -1,8 +1,8 @@ <template> <List :class="prefixCls"> - <a-row :gutter="16"> - <template v-for="item in list" :key="item.title"> - <a-col :span="6"> + <Row :gutter="16"> + <template v-for="item in projectList" :key="item.title"> + <Col :span="6"> <ListItem> <Card :hoverable="true" :class="`${prefixCls}__card`"> <img :src="demoImg" /> @@ -14,33 +14,19 @@ </div> </Card> </ListItem> - </a-col> + </Col> </template> - </a-row> + </Row> </List> </template> -<script lang="ts"> - import { defineComponent } from 'vue'; +<script lang="ts" setup> import { List, Card, Row, Col } from 'ant-design-vue'; - import demoImg from '/@/assets/images/demo.png'; + import demoImg from '@/assets/images/demo.png'; import { projectList } from './data'; - export default defineComponent({ - components: { - List, - ListItem: List.Item, - Card, - [Row.name]: Row, - [Col.name]: Col, - }, - setup() { - return { - prefixCls: 'account-center-project', - list: projectList, - demoImg, - }; - }, - }); + const ListItem = List.Item; + + const prefixCls = 'account-center-project'; </script> <style lang="less"> .account-center-project { -- Gitblit v1.9.3