工作台-edit #279

Merged
lyc merged 1 commits from lyc-dev into main 2024-09-27 10:32:08 +08:00
10 changed files with 352 additions and 278 deletions

View File

@ -1,9 +1,9 @@
@font-face { @font-face {
font-family: "iconfont"; /* Project id 2794390 */ font-family: "iconfont"; /* Project id 2794390 */
src: url('iconfont.woff2?t=1725847033097') format('woff2'), src: url('iconfont.woff2?t=1727403518918') format('woff2'),
url('iconfont.woff?t=1725847033097') format('woff'), url('iconfont.woff?t=1727403518918') format('woff'),
url('iconfont.ttf?t=1725847033097') format('truetype'), url('iconfont.ttf?t=1727403518918') format('truetype'),
url('iconfont.svg?t=1725847033097#iconfont') format('svg'); url('iconfont.svg?t=1727403518918#iconfont') format('svg');
} }
.iconfont { .iconfont {
@ -14,38 +14,98 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-a-1_jiaoxuefansi:before {
content: "\e6cd";
}
.icon-iconfontzhizuobiaozhunbduan3-1:before {
content: "\100af";
}
.icon-gongzuotai_xuanzhong:before {
content: "\e605";
}
.icon-yijianfankui:before {
content: "\e8a1";
}
.icon-zuoyesheji:before {
content: "\e619";
}
.icon-jihua:before {
content: "\e601";
}
.icon-xueqingfenxi:before {
content: "\e68a";
}
.icon-zuoyebuzhi:before {
content: "\e607";
}
.icon-zuoyepigai:before {
content: "\ec35";
}
.icon-jiaocai1:before {
content: "\e781";
}
.icon-yanjiushi:before {
content: "\e70a";
}
.icon-zuzhi:before {
content: "\e63b";
}
.icon-zhiliang:before {
content: "\e642";
}
.icon-jiaoxueshijian:before {
content: "\e676";
}
.icon-kebiao:before {
content: "\e67a";
}
.icon-yanjiuyuan:before {
content: "\e6bf";
}
.icon-kaoshi:before {
content: "\eb14";
}
.icon-iconfontzhizuobiaozhunbduan36:before {
content: "\e6eb";
}
.icon-ziyuanku:before {
content: "\eb01";
}
.icon-yanjiushi-2:before {
content: "\100b0";
}
.icon-fasong:before {
content: "\e692";
}
.icon-aijiqiren:before { .icon-aijiqiren:before {
content: "\e73c"; content: "\e73c";
} }
.icon-saoyisao:before {
content: "\e691";
}
.icon-jiaoxuezhiliangfenxi:before {
content: "\e690";
}
.icon-jiaoxuejihua:before {
content: "\e7e9";
}
.icon-tongji:before { .icon-tongji:before {
content: "\e68f"; content: "\e68f";
} }
.icon-pigai:before {
content: "\e68d";
}
.icon-jiaoxuefansi:before {
content: "\e6b2";
}
.icon-kaoshi:before {
content: "\e68a";
}
.icon-yiwen:before { .icon-yiwen:before {
content: "\e687"; content: "\e687";
} }
@ -174,10 +234,6 @@
content: "\e642"; content: "\e642";
} }
.icon-organization-framework-line:before {
content: "\e9fe";
}
.icon-jiaocai:before { .icon-jiaocai:before {
content: "\e67b"; content: "\e67b";
} }
@ -246,10 +302,6 @@
content: "\eb13"; content: "\eb13";
} }
.icon-fankui:before {
content: "\e738";
}
.icon-tiku:before { .icon-tiku:before {
content: "\e621"; content: "\e621";
} }
@ -270,10 +322,6 @@
content: "\e61c"; content: "\e61c";
} }
.icon-jiaoxuefenxi:before {
content: "\e605";
}
.icon-wenjianjia:before { .icon-wenjianjia:before {
content: "\ec17"; content: "\ec17";
} }
@ -298,14 +346,6 @@
content: "\e675"; content: "\e675";
} }
.icon-yanjiushi:before {
content: "\e607";
}
.icon-gongzuotai:before {
content: "\e676";
}
.icon-lunwen:before { .icon-lunwen:before {
content: "\e60e"; content: "\e60e";
} }
@ -322,10 +362,6 @@
content: "\e6fe"; content: "\e6fe";
} }
.icon-pengyouquan1:before {
content: "\e635";
}
.icon-beike1:before { .icon-beike1:before {
content: "\e61b"; content: "\e61b";
} }
@ -346,10 +382,6 @@
content: "\e612"; content: "\e612";
} }
.icon-fankui1:before {
content: "\e6fa";
}
.icon-shezhi:before { .icon-shezhi:before {
content: "\e614"; content: "\e614";
} }
@ -394,10 +426,6 @@
content: "\e654"; content: "\e654";
} }
.icon-kecheng:before {
content: "\e619";
}
.icon-bianji1:before { .icon-bianji1:before {
content: "\e61d"; content: "\e61d";
} }
@ -426,10 +454,6 @@
content: "\e79a"; content: "\e79a";
} }
.icon-xueqingfenxi:before {
content: "\e67a";
}
.icon-check:before { .icon-check:before {
content: "\e622"; content: "\e622";
} }
@ -546,10 +570,6 @@
content: "\e636"; content: "\e636";
} }
.icon-ziyuanfenxi:before {
content: "\e637";
}
.icon-shoucang1:before { .icon-shoucang1:before {
content: "\e638"; content: "\e638";
} }
@ -566,10 +586,6 @@
content: "\e772"; content: "\e772";
} }
.icon-xiezuo1:before {
content: "\e63b";
}
.icon-fenxi1:before { .icon-fenxi1:before {
content: "\e63c"; content: "\e63c";
} }
@ -798,10 +814,6 @@
content: "\e672"; content: "\e672";
} }
.icon-jiaoxueziyuan:before {
content: "\e601";
}
.icon-beike:before { .icon-beike:before {
content: "\e6c2"; content: "\e6c2";
} }

File diff suppressed because one or more lines are too long

View File

@ -5,6 +5,153 @@
"css_prefix_text": "icon-", "css_prefix_text": "icon-",
"description": "", "description": "",
"glyphs": [ "glyphs": [
{
"icon_id": "37027693",
"name": "教学反思",
"font_class": "a-1_jiaoxuefansi",
"unicode": "e6cd",
"unicode_decimal": 59085
},
{
"icon_id": "41983432",
"name": "朋友圈-copy",
"font_class": "iconfontzhizuobiaozhunbduan3-1",
"unicode": "100af",
"unicode_decimal": 65711
},
{
"icon_id": "9478557",
"name": "工作台_选中",
"font_class": "gongzuotai_xuanzhong",
"unicode": "e605",
"unicode_decimal": 58885
},
{
"icon_id": "2076317",
"name": " 意见反馈",
"font_class": "yijianfankui",
"unicode": "e8a1",
"unicode_decimal": 59553
},
{
"icon_id": "2468169",
"name": "作业指导书",
"font_class": "zuoyesheji",
"unicode": "e619",
"unicode_decimal": 58905
},
{
"icon_id": "3865266",
"name": "计划",
"font_class": "jihua",
"unicode": "e601",
"unicode_decimal": 58881
},
{
"icon_id": "4308245",
"name": "学情概览",
"font_class": "xueqingfenxi",
"unicode": "e68a",
"unicode_decimal": 59018
},
{
"icon_id": "5113507",
"name": "教学中心_作业批改",
"font_class": "zuoyebuzhi",
"unicode": "e607",
"unicode_decimal": 58887
},
{
"icon_id": "5767879",
"name": "执行反馈",
"font_class": "zuoyepigai",
"unicode": "ec35",
"unicode_decimal": 60469
},
{
"icon_id": "10992961",
"name": "课程标准",
"font_class": "jiaocai1",
"unicode": "e781",
"unicode_decimal": 59265
},
{
"icon_id": "11744086",
"name": "策略研究 选中",
"font_class": "yanjiushi",
"unicode": "e70a",
"unicode_decimal": 59146
},
{
"icon_id": "12732492",
"name": "组织",
"font_class": "zuzhi",
"unicode": "e63b",
"unicode_decimal": 58939
},
{
"icon_id": "18909227",
"name": "质量管理",
"font_class": "zhiliang",
"unicode": "e642",
"unicode_decimal": 58946
},
{
"icon_id": "21156217",
"name": "培训",
"font_class": "jiaoxueshijian",
"unicode": "e676",
"unicode_decimal": 58998
},
{
"icon_id": "33378945",
"name": "课程标准",
"font_class": "kebiao",
"unicode": "e67a",
"unicode_decimal": 59002
},
{
"icon_id": "33722029",
"name": "研究院",
"font_class": "yanjiuyuan",
"unicode": "e6bf",
"unicode_decimal": 59071
},
{
"icon_id": "35203493",
"name": "考试 (3)",
"font_class": "kaoshi",
"unicode": "eb14",
"unicode_decimal": 60180
},
{
"icon_id": "1236933",
"name": "朋友圈",
"font_class": "iconfontzhizuobiaozhunbduan36",
"unicode": "e6eb",
"unicode_decimal": 59115
},
{
"icon_id": "40912837",
"name": "智慧图书馆",
"font_class": "ziyuanku",
"unicode": "eb01",
"unicode_decimal": 60161
},
{
"icon_id": "41983489",
"name": "策略研究 选中-copy",
"font_class": "yanjiushi-2",
"unicode": "100b0",
"unicode_decimal": 65712
},
{
"icon_id": "34833984",
"name": "发送",
"font_class": "fasong",
"unicode": "e692",
"unicode_decimal": 59026
},
{ {
"icon_id": "34666608", "icon_id": "34666608",
"name": "ai机器人", "name": "ai机器人",
@ -12,27 +159,6 @@
"unicode": "e73c", "unicode": "e73c",
"unicode_decimal": 59196 "unicode_decimal": 59196
}, },
{
"icon_id": "12657402",
"name": "资源库",
"font_class": "saoyisao",
"unicode": "e691",
"unicode_decimal": 59025
},
{
"icon_id": "6513175",
"name": "教学质量分析",
"font_class": "jiaoxuezhiliangfenxi",
"unicode": "e690",
"unicode_decimal": 59024
},
{
"icon_id": "38447338",
"name": "教学计划",
"font_class": "jiaoxuejihua",
"unicode": "e7e9",
"unicode_decimal": 59369
},
{ {
"icon_id": "8455509", "icon_id": "8455509",
"name": "统计", "name": "统计",
@ -40,27 +166,6 @@
"unicode": "e68f", "unicode": "e68f",
"unicode_decimal": 59023 "unicode_decimal": 59023
}, },
{
"icon_id": "5969226",
"name": "批改",
"font_class": "pigai",
"unicode": "e68d",
"unicode_decimal": 59021
},
{
"icon_id": "36295514",
"name": "教学反思",
"font_class": "jiaoxuefansi",
"unicode": "e6b2",
"unicode_decimal": 59058
},
{
"icon_id": "21088705",
"name": "考试",
"font_class": "kaoshi",
"unicode": "e68a",
"unicode_decimal": 59018
},
{ {
"icon_id": "20574719", "icon_id": "20574719",
"name": "疑问", "name": "疑问",
@ -285,13 +390,6 @@
"unicode": "e642", "unicode": "e642",
"unicode_decimal": 58946 "unicode_decimal": 58946
}, },
{
"icon_id": "6235034",
"name": "组织框架",
"font_class": "organization-framework-line",
"unicode": "e9fe",
"unicode_decimal": 59902
},
{ {
"icon_id": "10900222", "icon_id": "10900222",
"name": "教材", "name": "教材",
@ -411,13 +509,6 @@
"unicode": "eb13", "unicode": "eb13",
"unicode_decimal": 60179 "unicode_decimal": 60179
}, },
{
"icon_id": "577336",
"name": "反馈",
"font_class": "fankui",
"unicode": "e738",
"unicode_decimal": 59192
},
{ {
"icon_id": "1447760", "icon_id": "1447760",
"name": "题库", "name": "题库",
@ -453,13 +544,6 @@
"unicode": "e61c", "unicode": "e61c",
"unicode_decimal": 58908 "unicode_decimal": 58908
}, },
{
"icon_id": "4686996",
"name": "教学分析",
"font_class": "jiaoxuefenxi",
"unicode": "e605",
"unicode_decimal": 58885
},
{ {
"icon_id": "4893191", "icon_id": "4893191",
"name": "文件夹", "name": "文件夹",
@ -502,20 +586,6 @@
"unicode": "e675", "unicode": "e675",
"unicode_decimal": 58997 "unicode_decimal": 58997
}, },
{
"icon_id": "7327280",
"name": "研究室",
"font_class": "yanjiushi",
"unicode": "e607",
"unicode_decimal": 58887
},
{
"icon_id": "7905547",
"name": "工作台",
"font_class": "gongzuotai",
"unicode": "e676",
"unicode_decimal": 58998
},
{ {
"icon_id": "9023128", "icon_id": "9023128",
"name": "论文", "name": "论文",
@ -544,13 +614,6 @@
"unicode": "e6fe", "unicode": "e6fe",
"unicode_decimal": 59134 "unicode_decimal": 59134
}, },
{
"icon_id": "16364339",
"name": "朋友圈",
"font_class": "pengyouquan1",
"unicode": "e635",
"unicode_decimal": 58933
},
{ {
"icon_id": "37075078", "icon_id": "37075078",
"name": "备课", "name": "备课",
@ -586,13 +649,6 @@
"unicode": "e612", "unicode": "e612",
"unicode_decimal": 58898 "unicode_decimal": 58898
}, },
{
"icon_id": "2680657",
"name": "反馈",
"font_class": "fankui1",
"unicode": "e6fa",
"unicode_decimal": 59130
},
{ {
"icon_id": "4520331", "icon_id": "4520331",
"name": "设置", "name": "设置",
@ -670,13 +726,6 @@
"unicode": "e654", "unicode": "e654",
"unicode_decimal": 58964 "unicode_decimal": 58964
}, },
{
"icon_id": "6560965",
"name": "课程",
"font_class": "kecheng",
"unicode": "e619",
"unicode_decimal": 58905
},
{ {
"icon_id": "6682548", "icon_id": "6682548",
"name": "编辑", "name": "编辑",
@ -726,13 +775,6 @@
"unicode": "e79a", "unicode": "e79a",
"unicode_decimal": 59290 "unicode_decimal": 59290
}, },
{
"icon_id": "8225912",
"name": "学情分析",
"font_class": "xueqingfenxi",
"unicode": "e67a",
"unicode_decimal": 59002
},
{ {
"icon_id": "9922803", "icon_id": "9922803",
"name": "check", "name": "check",
@ -936,13 +978,6 @@
"unicode": "e636", "unicode": "e636",
"unicode_decimal": 58934 "unicode_decimal": 58934
}, },
{
"icon_id": "39506557",
"name": "资源分析",
"font_class": "ziyuanfenxi",
"unicode": "e637",
"unicode_decimal": 58935
},
{ {
"icon_id": "3267408", "icon_id": "3267408",
"name": "收藏", "name": "收藏",
@ -971,13 +1006,6 @@
"unicode": "e772", "unicode": "e772",
"unicode_decimal": 59250 "unicode_decimal": 59250
}, },
{
"icon_id": "6837777",
"name": "写作",
"font_class": "xiezuo1",
"unicode": "e63b",
"unicode_decimal": 58939
},
{ {
"icon_id": "7171145", "icon_id": "7171145",
"name": "粮食动态决策分析系统", "name": "粮食动态决策分析系统",
@ -1377,13 +1405,6 @@
"unicode": "e672", "unicode": "e672",
"unicode_decimal": 58994 "unicode_decimal": 58994
}, },
{
"icon_id": "15841963",
"name": "教学资源",
"font_class": "jiaoxueziyuan",
"unicode": "e601",
"unicode_decimal": 58881
},
{ {
"icon_id": "5562910", "icon_id": "5562910",
"name": "备课", "name": "备课",

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 354 KiB

After

Width:  |  Height:  |  Size: 358 KiB

View File

@ -9,7 +9,14 @@
<ul class="flex"> <ul class="flex">
<li class="flex" :class="[activeId == menu.path ? 'active-li' : '', menu.disabled ? 'disabled' : '']" <li class="flex" :class="[activeId == menu.path ? 'active-li' : '', menu.disabled ? 'disabled' : '']"
v-for="menu in headerMenus" :key="menu.id" @click="clickMenu(menu)"> v-for="menu in headerMenus" :key="menu.id" @click="clickMenu(menu)">
<i class="iconfont" :class="menu.icon"></i> <div class="icon-box">
<svg class="icon iconfont" aria-hidden="true">
<use :xlink:href="menu.icon"></use>
</svg>
</div>
<span class="text">{{ menu.name }}</span> <span class="text">{{ menu.name }}</span>
</li> </li>
</ul> </ul>
@ -89,25 +96,25 @@ const headerMenus = [
{ {
name: '工作台', name: '工作台',
id: 1, id: 1,
icon: 'icon-gongzuotai', icon: '#icon-gongzuotai_xuanzhong',
path: '/home' path: '/home'
}, },
{ {
name: '研究室', name: '研究室',
id: 2, id: 2,
icon: 'icon-yanjiushi', icon: '#icon-yanjiushi-2',
disabled: true disabled: true
}, },
{ {
name: '资源库', name: '资源库',
id: 3, id: 3,
icon: 'icon-saoyisao', icon: '#icon-ziyuanku',
path: '/resource' path: '/resource'
}, },
{ {
name: '朋友圈', name: '朋友圈',
id: 4, id: 4,
icon: 'icon-pengyouquan1', icon: '#icon-iconfontzhizuobiaozhunbduan3-1',
disabled: true disabled: true
} }
] ]
@ -245,10 +252,19 @@ onMounted(() => {
li { li {
cursor: pointer; cursor: pointer;
flex-direction: column; flex-direction: column;
border-radius: 8px; border-radius: 5px;
margin: 0 10px; padding: 5px 8px;
height: 60px;
align-items: center;
.icon-box{
width: 100%;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}
.text { .text {
margin-top: 3px;
font-size: 13px; font-size: 13px;
font-weight: bold; font-weight: bold;
} }
@ -257,24 +273,9 @@ onMounted(() => {
font-size: 26px; font-size: 26px;
} }
.icon-resource {
color: #f99b53;
}
.icon-homepage {
color: #0a84ff;
}
.icon-prepare {
color: #b088e8;
}
.icon-teach {
color: #367dea;
}
&:hover { &:hover {
color: #409eff; color: #409eff;
background-color: #fff
} }
} }
@ -284,11 +285,13 @@ onMounted(() => {
&:hover { &:hover {
color: #bfbfbf; color: #bfbfbf;
background: none;
} }
} }
.active-li { .active-li {
color: #409eff; color: #409eff;
background-color: #fff
} }
} }
} }

View File

@ -50,7 +50,8 @@ const goBack = () =>{
<style lang="scss" scoped> <style lang="scss" scoped>
.el-container { .el-container {
height: 100%; height: 100%;
background: url(@/assets/images/login/login-bg.png) no-repeat center; // background: url(@/assets/images/login/login-bg.png) no-repeat center;
background: #EAEFF8;
background-size: cover; background-size: cover;
} }

View File

@ -9,7 +9,16 @@
<div class="item-content"> <div class="item-content">
<ul class="flex con-ul"> <ul class="flex con-ul">
<li v-for="menu in item.list" :key="menu.id" @click="clickMenu(menu)" class="flex item-menu" :class="menu.disabled ? 'menu-disabled' : ''"> <li v-for="menu in item.list" :key="menu.id" @click="clickMenu(menu)" class="flex item-menu" :class="menu.disabled ? 'menu-disabled' : ''">
<i class="iconfont" :class="menu.icon"></i> <div class="icon-box">
<template v-if="menu.disabled">
<i class="iconfont" :class="menu.icon"></i>
</template>
<template v-else>
<svg class="icon iconfont icon-svg" aria-hidden="true">
<use :xlink:href="menu.icon"></use>
</svg>
</template>
</div>
<span>{{ menu.name }}</span> <span>{{ menu.name }}</span>
</li> </li>
</ul> </ul>
@ -60,19 +69,19 @@ const menuList = [{
list: [ list: [
{ {
name: '课标分析', name: '课标分析',
icon: 'icon-kecheng', icon: '#icon-kebiao',
path: '/standardanalysis?', path: '/standardanalysis?',
id: '1-1' id: '1-1'
}, },
{ {
name: '教材分析', name: '教材分析',
icon: 'icon-jiaocaixuanze', icon: '#icon-jiaocaixuanze',
path: '/textbookAnalysis', path: '/textbookAnalysis',
id: '1-2' id: '1-2'
}, },
{ {
name: '考试分析', name: '考试分析',
icon: 'icon-kaoshi', icon: '#icon-kaoshi',
path: '/examReport', path: '/examReport',
id: '1-3' id: '1-3'
}, },
@ -84,13 +93,13 @@ const menuList = [{
}, },
{ {
name: '教学实践', name: '教学实践',
icon: 'icon-jiaoxuefenxi', icon: '#icon-jiaoxueshijian',
path: '/prepare', path: '/prepare',
id: '1-5' id: '1-5'
}, },
{ {
name: '教学反思', name: '教学反思',
icon: 'icon-jiaoxuefansi', icon: 'icon-a-1_jiaoxuefansi',
disabled: true, disabled: true,
id: '1-6' id: '1-6'
}, },
@ -103,7 +112,7 @@ const menuList = [{
list: [ list: [
{ {
name: '作业设计', name: '作业设计',
icon: 'icon-jiaoxuefansi', icon: '#icon-zuoyesheji',
isOuter: true, isOuter: true,
path: '/teaching/classtaskassign?titleName=作业布置&openDialog=newClassTask', path: '/teaching/classtaskassign?titleName=作业布置&openDialog=newClassTask',
// path: '/newClassTask', // path: '/newClassTask',
@ -111,7 +120,7 @@ const menuList = [{
}, },
{ {
name: '作业布置', name: '作业布置',
icon: 'icon-xiezuo1', icon: '#icon-zuoyebuzhi',
isOuter: true, isOuter: true,
path: '/teaching/classtaskassign?titleName=作业布置', path: '/teaching/classtaskassign?titleName=作业布置',
// path: '/classTaskAssign', // path: '/classTaskAssign',
@ -119,7 +128,7 @@ const menuList = [{
}, },
{ {
name: '作业批改', name: '作业批改',
icon: 'icon-pigai', icon: '#icon-zuoyepigai',
path: '/classTask', path: '/classTask',
id: '2-3' id: '2-3'
}, },
@ -138,25 +147,25 @@ const menuList = [{
list: [ list: [
{ {
name: '教学计划', name: '教学计划',
icon: 'icon-jiaoxuejihua', icon: 'icon-jihua',
disabled: true, disabled: true,
id: '3-1' id: '3-1'
}, },
{ {
name: '教学组织', name: '教学组织',
icon: 'icon-organization-framework-line', icon: 'icon-zuzhi',
disabled: true, disabled: true,
id: '3-2' id: '3-2'
}, },
{ {
name: '教学质量', name: '教学质量',
icon: 'icon-jiaoxuezhiliangfenxi', icon: 'icon-zhiliang',
disabled: true, disabled: true,
id: '3-3' id: '3-3'
}, },
{ {
name: '教学反馈', name: '教学反馈',
icon: 'icon-fankui', icon: 'icon-yijianfankui',
disabled: true, disabled: true,
id: '3-4' id: '3-4'
}, },
@ -276,20 +285,37 @@ onMounted(async ()=>{
padding: 10px 0; padding: 10px 0;
.con-ul{ .con-ul{
justify-content: space-around; justify-content: space-around;
.item-menu{ .item-menu{
cursor: pointer; cursor: pointer;
flex-direction: column; flex-direction: column;
font-size: 14px; font-size: 14px;
align-items: center;
.icon-box{
width: 100%;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.iconfont{ .iconfont{
font-size: 28px; font-size: 28px;
color: #707070; color: #707070;
// font-weight: bold;
}
.icon-svg{
height: 42px;
font-weight: bold; font-weight: bold;
} }
&:hover{ &:hover{
color: #409EFF; // color: #409EFF;
.iconfont{ .iconfont{
color: #409EFF; color: #409EFF;
} }
.icon-box{
background-color: #F2F2F2;
}
} }
} }
.menu-disabled{ .menu-disabled{
@ -303,6 +329,9 @@ onMounted(async ()=>{
.iconfont{ .iconfont{
color: #bfbfbf; color: #bfbfbf;
} }
.icon-box{
background-color: #fff;
}
} }
} }
} }
@ -324,7 +353,9 @@ onMounted(async ()=>{
align-items: center; align-items: center;
} }
.item-content{ .item-content{
border-radius: 5px;
background: #fff; background: #fff;
box-sizing: border-box;
flex: 1; flex: 1;
.chart-box{ .chart-box{
height: 100%; height: 100%;