[update] 首页只有敬请期待

This commit is contained in:
lideqin
2023-11-28 16:50:14 +08:00
parent 595ed86963
commit 1de5dddaa3
+17 -74
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 class="analysis-box">
<img class="analysis-empty-img" alt="" src="../../assets/image/stayTuned.png" />
<div class="analysis-empty-title">敬请期待</div>
<!--<a-button @click="toSearchWindow">跳转一般检索</a-button>-->
</div>
</template>
<script>
import SearchAndWarningCard from './modules/SearchAndWarningCard'
import QuickEnterCard from './modules/QuickEnterCard'
import FriendLinkCard from './modules/FriendLinkCard'
import ToDoTaskCard from './modules/ToDoTaskCard'
export default {
name: 'Analysis',
components: { ToDoTaskCard, FriendLinkCard, QuickEnterCard, SearchAndWarningCard },
methods: {}
}
</script>
@@ -27,69 +16,23 @@ export default {
<style scoped lang="less">
@import '~@assets/less/common.less';
.all-wrapper {
.analysis-box {
height: @page-content-h;
background-color: #FFFFFF;
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);
align-items: center;
justify-content: center;
}
/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;
}
.anticon {
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;
}
.analysis-empty-img {
width: 200px;
}
.analysis-empty-title {
font-size: 20px;
font-weight: 600;
color: #1D2129;
}
</style>