From abb72ed0fc3358620960329f6bd10c8a012a71e9 Mon Sep 17 00:00:00 2001 From: qushaowei <qushaowei@163.com> Date: 星期五, 29 十二月 2023 15:02:47 +0800 Subject: [PATCH] Merge branch 'master' of http://117.34.109.166:18448/r/vue_mdc_430 into develop --- src/views/dashboard/Analysis.vue | 42 +++++++++++++++++++++--------------------- 1 files changed, 21 insertions(+), 21 deletions(-) diff --git a/src/views/dashboard/Analysis.vue b/src/views/dashboard/Analysis.vue index edb65db..209c1ab 100644 --- a/src/views/dashboard/Analysis.vue +++ b/src/views/dashboard/Analysis.vue @@ -1,5 +1,5 @@ <template> - <div class="page-container" style="width: 100%"> + <div class="page-container"> <!--<index-chart v-if="indexStyle==1"></index-chart>--> <!--<index-bdc v-if="indexStyle==2"></index-bdc>--> <!--<index-task v-if="indexStyle==3"></index-task>--> @@ -11,14 +11,15 @@ <!--<!–<a-radio :value="3">浠诲姟琛ㄦ牸</a-radio>–>--> <!--<!–</a-radio-group>–>--> <!--</div>--> - <!--<a-button type="primary" size="large" v-for="item in workshopList" :key="item.workshopId"--> - <!--@click="navigateToWorkshopSignage(item.id)">{{item.workshopName}}--> - <!--</a-button>--> - <a-card v-for="item in workshopList" :key="item.workshopId" - @click="navigateToWorkshopSignage(item.id)" class="workshop-entrance"> - {{item.workshopName}} - </a-card> + <a-list + :grid="{ gutter: [{xs: 0, sm: 24, md: 24, lg: 56, xl: 64, xxl: 80},20], xs: 1, sm: 2, md: 2, lg: 3, xl: 4, xxl: 4 }" + :data-source="workshopList"> + <a-list-item slot="renderItem" slot-scope="item, index"> + <div class="workshop-name" @click="navigateToWorkshopSignage(item.id)">{{item.workshopName}}</div> + </a-list-item> + </a-list> + </div> </template> @@ -70,21 +71,20 @@ <style lang="less" scoped> .page-container { - width: 100%; - display: flex; - flex-wrap: wrap; + padding: 30px 30px 0; - .workshop-entrance { - font-size: 30px; - background-color: #fff; - width: 300px; - height: 140px; - display: flex; - justify-content: center; - align-items: center; - margin: 30px 38px; - cursor: pointer; + .workshop-name { + width: 100%; + background: #fff; + padding: 55px 0; border-radius: 20px; + text-align: center; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-size: 30px; + cursor: pointer; } } + </style> \ No newline at end of file -- Gitblit v1.9.3