商学院修改

public/appnew/src/components/businessCollege/articleList.vue

@@ -64,7 +64,7 @@
 					'isBack': false
 				},
 				token: _token,
-				seatH: 1.66*4,//占位高度
+				seatH: 1.58*4,//占位高度
 				pageSize: 10,
 				initTabNumMain: 0,
 				isLoading: false,//是否正在加载
@@ -162,7 +162,7 @@
 					if(response.data.code == 200) {
 						let _data = response.data.data;
 						let _len = _data.length;//标签个数
-						_this.seatH = Math.ceil((_len+1)/4)*1.66;
+						_this.seatH = Math.ceil((_len+1)/4)*1.58;
 						for(let i = 0;i<_len;i++){
 							_this.mainData.push({
 								'isLoadOnce': false,
@@ -232,7 +232,7 @@
 <style scoped>
 	nav{
 		width: 7.5rem;
-		margin-bottom: .2rem;
+		margin-bottom: .3rem;
 	}
 	nav>.nav-main {
 		background-color: white;
@@ -245,7 +245,7 @@
 	}
 	nav>.nav-main>ul>li {
 		width: 25%;
-		height: 1.66rem;
+		height: 1.58rem;
 		font-size: .22rem;
 		text-align: center;
 		color: #333;
@@ -261,10 +261,10 @@
 		/*flex: 1;*/
 	}
 	nav>.nav-main>ul>li>p:nth-of-type(1){
-		height: .46rem;
+		height: .72rem;
 	}
 	nav>.nav-main>ul>li>p:nth-of-type(1)>img{
-		width: .46rem;
+		width: .72rem;
 	}
 	nav>.nav-main>ul>li>p:nth-of-type(2){
 		color: #4c4c4c;
@@ -274,3 +274,5 @@
         background: rgba(252, 194, 50,.1);
 	}
 </style>
+
+

public/appnew/src/components/businessCollege/articleListLi.vue

@@ -75,21 +75,30 @@
 	}
 	li>div>div:nth-of-type(1){
 		flex-direction: column;
-		justify-content: center;
-		padding-right: .5rem;
+		/*justify-content: center;*/
+		padding-right: .38rem;
+		padding-top: .1rem;
 		flex: 1;
 	}
 	li>div>div:nth-of-type(1)>p:nth-of-type(1){
-		color: #343434;
-		font-size: .3rem;
+		color: #414443 ;
+		font-size: .28rem;
+		font-weight: 600;
+		height: .76rem;
+		text-overflow: -o-ellipsis-lastline;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
 	}
 	li>div>div:nth-of-type(1)>p:nth-of-type(2){
 		color: #999;
-		font-size: .24rem;
-		padding-top: .2rem;
+		font-size: .22rem;
+		padding-top: .46rem;
 	}
 	li>div>div:nth-of-type(2){
-		flex: 2.2rem 0 0;
+		flex: 1.8rem 0 0;
 	}
 	li>div>div:nth-of-type(2)>img{
 		width: 1.7rem;