政策解读模块

This commit is contained in:
熊丽君
2021-08-04 08:39:11 +08:00
parent 3d0e882d1b
commit 591d2bef16
13 changed files with 352 additions and 60 deletions

View File

@ -35,8 +35,8 @@
<!-- 整体宽度 -->
<div class="content">
<!-- 头部 -->
<div class="header">
<div class="login_btn" v-if="2 == 3">
<div class="header p0-100">
<div class="login_btn" v-if="!avatar">
<el-button type="text" @click="handlePage">登录</el-button>
<i class="mark">|</i>
<el-button type="text" @click="handlePage">注册</el-button>
@ -55,7 +55,7 @@
</div>
<!-- ul li 列表 -->
<div class="uls">
<div class="lis content">
<div class="lis content p0-100">
<ul>
<li
:class="path == item.path ? 'is-active' : ''"
@ -72,7 +72,7 @@
</div>
</div>
<!-- 路由站位 -->
<div class="content">
<div class="content" style="padding:10px 0">
<router-view></router-view>
</div>
<div class="my_footer">
@ -221,7 +221,6 @@ export default {
.header {
height: 206px;
padding: 0 100px;
background-image: url(../assets/image/01.png);
.login_btn {
height: 60px;
@ -284,7 +283,7 @@ export default {
padding-left: 0;
li {
float: left;
padding: 0 50px;
padding: 0 41px;
cursor: pointer;
color: #fff;
font-size: 24px;
@ -381,53 +380,6 @@ export default {
}
}
}
.el-tabs--border-card {
border: 0;
}
/deep/.el-tabs--border-card > .el-tabs__header {
background-color: #ffa32c;
border-bottom: 0;
}
/deep/.el-tabs__item {
color: #fff;
font-size: 22px;
}
/deep/.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
position: relative;
color: #fff;
background-color: #3394ff;
border-right-color: #3394ff;
border-left-color: #3394ff;
}
/deep/.el-tabs--border-card
> .el-tabs__header
.el-tabs__item.is-active::after {
content: '';
display: block;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid #fff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
}
/deep/.el-tabs--border-card
> .el-tabs__header
.el-tabs__item:not(.is-disabled):hover {
color: #fff;
background-color: #3394ff;
}
/deep/.el-tabs__item {
padding-left: 30px !important;
padding-right: 30px;
}
/deep/.el-tabs__nav-scroll {
padding: 0 100px;
}
}
@media (max-width: 1024px) {
.chart-wrapper {