feat: 优化

This commit is contained in:
du.meimei
2025-03-04 17:44:56 +08:00
parent 4691312418
commit f7122d8978
5 changed files with 37 additions and 39 deletions

View File

@@ -1,23 +1,24 @@
<script setup>
import Survey from './components/Suvrey/Index.vue';
import Template from './components/Template/Index.vue';
const func = [{
title: '报名签到',
icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u48.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
},
{
title: '问卷调查',
icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u51.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
},
{
title: '活动模板',
icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u54.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
},
{
title: '活动管理',
icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u57.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
}];
const func = [
{
title: '报名签到',
icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u48.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
},
{
title: '问卷调查',
icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u51.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
},
{
title: '活动模板',
icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u54.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
},
{
title: '活动管理',
icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u57.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
}
];
</script>
<template>
@@ -28,19 +29,16 @@ const func = [{
</div>
<div class="container">
<div>
<div v-for="card in func" :key="card.title">
</div>
<div v-for="card in func" :key="card.title"></div>
</div>
<Survey />
<Template />
</div>
</template>
<style scoped lang="scss">
.header {
background-color: #B9F8CF;
background-color: #b9f8cf;
.title {
display: flex;
@@ -51,24 +49,21 @@ const func = [{
.container {
padding-top: 20px;
background: linear-gradient(0deg,
#f5f5f5 0%,
#f5f5f5 84%,
rgba(185, 248, 207, 1) 100%);
background: linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 84%, rgba(185, 248, 207, 1) 100%);
&>:first-child {
& > :first-child {
display: flex;
justify-content: space-around;
border-radius: 6px;
background-color: white;
&>div {
& > div {
display: flex;
flex-direction: column;
width: 50px;
height: 50px;
margin: 10px;
background-color: #B9F8CF;
background-color: #b9f8cf;
}
}
}