|
|
@@ -9,15 +9,15 @@
|
|
|
</div>
|
|
|
<!-- <image class="banner" src="/static/home-all.png" mode="widthFix"></image> -->
|
|
|
<div class="view-content">
|
|
|
- <div class="view-content-pic-text">
|
|
|
+ <div>
|
|
|
<image src="../../static/home_ic_college@2x.png" mode="widthFix"></image>
|
|
|
<p>院校库</p>
|
|
|
</div>
|
|
|
- <div class="view-content-pic-text">
|
|
|
+ <div>
|
|
|
<image src="../../static/home_ic_major@2x.png" mode="widthFix"></image>
|
|
|
<p>专业库</p>
|
|
|
</div>
|
|
|
- <div class="view-content-pic-text">
|
|
|
+ <div>
|
|
|
<image src="../../static/home_ic_test@2x.png" mode="widthFix"></image>
|
|
|
<p>兴趣测评</p>
|
|
|
</div>
|
|
|
@@ -125,8 +125,6 @@
|
|
|
outline: none;
|
|
|
padding-left: 10upx;
|
|
|
border:0;
|
|
|
- /* position: relative;
|
|
|
- top: ; */
|
|
|
margin-top: 10upx;
|
|
|
}
|
|
|
.search-input-box .uni-input-placeholder{
|
|
|
@@ -138,11 +136,13 @@
|
|
|
color:rgba(175,178,191,1);
|
|
|
line-height:40upx;
|
|
|
}
|
|
|
+
|
|
|
.banner{
|
|
|
width:690upx;
|
|
|
height:308upx;
|
|
|
border-radius:20upx;
|
|
|
}
|
|
|
+
|
|
|
.content {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
@@ -150,15 +150,12 @@
|
|
|
justify-content: center;
|
|
|
/* background-color: #F8F8F8; */
|
|
|
}
|
|
|
+
|
|
|
.view-content{
|
|
|
display: flex;
|
|
|
flex-direction: row no-wrap;
|
|
|
- /* margin-left: 100upx; */
|
|
|
- width:750upx;
|
|
|
height:210upx;
|
|
|
background:rgba(255,255,255,1);
|
|
|
- /* margin-left: 61upx;
|
|
|
- margin-right: 61upx; */
|
|
|
}
|
|
|
.view-content image{
|
|
|
width:128upx;
|
|
|
@@ -167,10 +164,7 @@
|
|
|
vertical-align:middle;
|
|
|
}
|
|
|
.view-content p{
|
|
|
- /* padding-left: 24upx; */
|
|
|
- /*vertical-align:middle;
|
|
|
text-align:center;
|
|
|
- width: 80upx; */
|
|
|
width:96upx;
|
|
|
height:33upx;
|
|
|
font-size:24upx;
|
|
|
@@ -180,13 +174,11 @@
|
|
|
line-height:33upx;
|
|
|
|
|
|
}
|
|
|
- .view-content .view-content-pic-text{
|
|
|
+ .view-content div{
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
width:80upx;
|
|
|
height:28upx;
|
|
|
- /* margin-left: 61upx;
|
|
|
- margin-right: 122upx; */
|
|
|
}
|
|
|
.view-content div:first-child{
|
|
|
margin-left: 61upx;
|
|
|
@@ -199,10 +191,10 @@
|
|
|
.view-content div:nth-child(3){
|
|
|
margin-right: 61upx;
|
|
|
}
|
|
|
- .view-content-pic-text p{
|
|
|
+ .view-content p{
|
|
|
align-self:center;
|
|
|
}
|
|
|
- .view-content-pic-text image{
|
|
|
+ .view-content image{
|
|
|
align-self:center;
|
|
|
}
|
|
|
|
|
|
@@ -250,6 +242,7 @@
|
|
|
text-align: -webkit-center;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
.major{
|
|
|
width:750upx;
|
|
|
height:470upx;
|
|
|
@@ -262,9 +255,9 @@
|
|
|
margin: 0 auto;
|
|
|
display: block;
|
|
|
}
|
|
|
+
|
|
|
.footer{
|
|
|
- display: flex;/*
|
|
|
- justify-content: space-between; */
|
|
|
+ display: flex;
|
|
|
position: fixed;
|
|
|
bottom: 0;
|
|
|
width:750upx;
|
|
|
@@ -286,7 +279,6 @@
|
|
|
width:66upx;
|
|
|
height:67upx;
|
|
|
overflow: visible;
|
|
|
- /* vertical-align:middle; */
|
|
|
}
|
|
|
.footer div:first-child p{
|
|
|
margin-left: 15upx;
|
|
|
@@ -304,10 +296,6 @@
|
|
|
font-weight:500;
|
|
|
color:rgba(175,178,191,1);
|
|
|
line-height:28upx;
|
|
|
- /* padding-left: 92upx;
|
|
|
- padding-right: 93upx; */
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
</style>
|