[update] 修改首页

This commit is contained in:
lideqin
2023-12-04 09:51:50 +08:00
parent 21f51eb179
commit d0dc4fea13
+4 -73
View File
@@ -1,25 +1,14 @@
<template>
<div class="all-wrapper">
<!-- 检索和预警 -->
<search-and-warning-card class="flex-item search-warning-wrapper"></search-and-warning-card>
<!-- 友情链接 -->
<friend-link-card class="flex-item friend-link-wrapper"></friend-link-card>
<!-- 快捷入口 -->
<quick-enter-card class="flex-item quick-enter-wrapper"></quick-enter-card>
<!-- 待办任务 -->
<to-do-task-card class="flex-item to-do-task-wrapper"></to-do-task-card>
<div>
<first-stage-card></first-stage-card>
</div>
</template>
<script>
import SearchAndWarningCard from './modules/SearchAndWarningCard'
import QuickEnterCard from './modules/QuickEnterCard'
import FriendLinkCard from './modules/FriendLinkCard'
import ToDoTaskCard from './modules/ToDoTaskCard'
import FirstStageCard from './modules/FirstStageCard'
export default {
name: 'Analysis',
components: { ToDoTaskCard, FriendLinkCard, QuickEnterCard, SearchAndWarningCard },
components: { FirstStageCard },
data () {
return {
@@ -35,63 +24,5 @@ export default {
</script>
<style scoped lang="less">
.all-wrapper {
display: flex;
flex-direction: column;
height: calc(100vh - 116px);
flex-wrap: wrap;
}
.flex-item {
margin: 10px;
}
// 检索和预警
.search-warning-wrapper {
width: calc(70% - 20px);
height: calc(80% - 20px);
}
// 快捷入口
.quick-enter-wrapper {
width: calc(30% - 20px);
height: 306px;
}
// 友情链接
.friend-link-wrapper {
width: calc(70% - 20px);
height: calc(20% - 20px);
}
// 待办任务
.to-do-task-wrapper {
//grid-area: ToDoTask;
width: calc(30% - 20px);
height: calc(100% - 346px);
}
/deep/ .top-wrapper {
display: flex;
align-items: center;
.left-p {
margin-bottom: 0;
font-size: 20px;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: #1D2129;
//line-height: 28px;
.left-icon {
margin-right: 5px;
color: @primary-color;
font-size: 20px;
}
}
.right-p {
margin-bottom: 0;
font-size: 16px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #86909C;
line-height: 19px;
display: inline-block;
margin-left: auto;
cursor: pointer;
}
}
</style>