头部、首页、赋能样式修改
This commit is contained in:
parent
71f6ff0790
commit
b7896bcfe3
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue