头部、首页、赋能样式修改

This commit is contained in:
gaoyuanwei 2022-06-16 10:52:07 +08:00
parent 71f6ff0790
commit b7896bcfe3
3 changed files with 28 additions and 7 deletions

View File

@ -34,6 +34,10 @@
<a class="more" @click="lookmore(hidetext)"> <a class="more" @click="lookmore(hidetext)">
{{ moretext }} {{ moretext }}
</a> </a>
<i
class="moreLogo"
:class="hidetext == true ? 'moreLogoActive' : ''"
></i>
</div> </div>
</div> </div>
</div> </div>
@ -212,8 +216,8 @@
background: url(../../../assets/assignCase/bg.png) no-repeat center; background: url(../../../assets/assignCase/bg.png) no-repeat center;
} }
.mainBox { .mainBox {
width: 1920px; width: 100%;
margin: 0 auto; // margin: 0 auto;
background: #f7f8fa; background: #f7f8fa;
} }
.top { .top {
@ -273,6 +277,21 @@
font-size: 22px; font-size: 22px;
color: #526aff; color: #526aff;
} }
.moreLogo {
display: inline-block;
width: 20px;
height: 20px;
background: url(../../../assets/assignCase/left.png) no-repeat
center;
margin-top: 30px;
transform: rotate(-90deg);
}
.moreLogoActive {
background: url(../../../assets/assignCase/left.png) no-repeat
center;
transform: rotate(90deg);
}
} }
.tabClick { .tabClick {
height: 80px; height: 80px;
@ -283,6 +302,7 @@
font-size: 22px; font-size: 22px;
color: #333333; color: #333333;
margin-right: 30px; margin-right: 30px;
cursor: pointer;
} }
span:nth-of-type(8n) { span:nth-of-type(8n) {
margin-right: 50px; margin-right: 50px;
@ -298,7 +318,7 @@
main { main {
position: relative; position: relative;
z-index: 5; z-index: 5;
width: 1350px; // width: 1350px;
height: 100%; height: 100%;
margin: 0 auto; margin: 0 auto;
.content { .content {
@ -308,7 +328,7 @@
padding-top: 40px; padding-top: 40px;
overflow: hidden; overflow: hidden;
.contenBox { .contenBox {
width: 430px; // width: 430px;
padding: 30px; padding: 30px;
border: 1px solid #e4e6f5; border: 1px solid #e4e6f5;
margin-right: 30px; margin-right: 30px;
@ -316,7 +336,7 @@
border-radius: 6px; border-radius: 6px;
box-shadow: 5px 5px 20px 0 #f2f3fb; box-shadow: 5px 5px 20px 0 #f2f3fb;
img { img {
width: 370px; // width: 370px;
height: 200px; height: 200px;
border-radius: 6px; border-radius: 6px;
} }

View File

@ -347,7 +347,8 @@
} }
.out { .out {
cursor: pointer; cursor: pointer;
padding: 0 0.16rem; // padding: 0 0.16rem;
padding: 0 0.04rem 0 0.1rem;
border-left: 0.01rem solid #666; border-left: 0.01rem solid #666;
} }
} }

View File

@ -374,7 +374,7 @@
width: 13rem; width: 13rem;
height: 4.8rem; height: 4.8rem;
display: flex; display: flex;
padding-left: 0.2rem; // padding-left: 0.2rem;
.content-empty { .content-empty {
height: 2.2rem; height: 2.2rem;
padding-top: 0.49rem; padding-top: 0.49rem;