样式修改

pages/mobile/list.vue

@@ -190,19 +190,27 @@
 		font-size: 36rpx;
 		font-weight: bold;
 		color: #3c3c3c;
-
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	    width: 600rpx;
+		text-align: center;
+		line-height: 44rpx;
 	}
-
+	
 	.leftView {
-		width: 30%;
+		/* width: 30%; */
+		width: 80rpx;
 	}
-
+	
 	.rightView {
-		width: 30%;
+		/* width: 30%; */
+		width: 80rpx;
 		display: flex;
 		justify-content: flex-end;
 		padding-right: 24rpx;
 	}
+	
 
 	.rightImg {
 		width: 40rpx;

pages/mobile/topTab.vue

@@ -252,15 +252,22 @@
 		font-size: 36rpx;
 		font-weight: bold;
 		color: #3c3c3c;
-
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+        width: 600rpx;
+		text-align: center;
+		line-height: 44rpx;
 	}
 
 	.leftView {
-		width: 30%;
+		/* width: 30%; */
+		width: 80rpx;
 	}
 
 	.rightView {
-		width: 30%;
+		/* width: 30%; */
+		width: 80rpx;
 		display: flex;
 		justify-content: flex-end;
 		padding-right: 24rpx;

pages/mobileLh/list.vue

@@ -185,25 +185,32 @@
 		z-index: 999;
 		border-bottom: #eeeeee 2rpx solid;
 	}
-
-	.navTitle {
+.navTitle {
 		font-size: 36rpx;
 		font-weight: bold;
 		color: #3c3c3c;
-
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+        width: 600rpx;
+		text-align: center;
+		line-height: 44rpx;
 	}
 
 	.leftView {
-		width: 30%;
+		/* width: 30%; */
+		width: 80rpx;
 	}
 
 	.rightView {
-		width: 30%;
+		/* width: 30%; */
+		width: 80rpx;
 		display: flex;
 		justify-content: flex-end;
 		padding-right: 24rpx;
 	}
 
+
 	.rightImg {
 		width: 40rpx;
 		height: 40rpx;

pages/mobileLh/topTab.vue

@@ -252,19 +252,27 @@
 		font-size: 36rpx;
 		font-weight: bold;
 		color: #3c3c3c;
-
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	    width: 600rpx;
+		text-align: center;
+		line-height: 44rpx;
 	}
-
+	
 	.leftView {
-		width: 30%;
+		/* width: 30%; */
+		width: 80rpx;
 	}
-
+	
 	.rightView {
-		width: 30%;
+		/* width: 30%; */
+		width: 80rpx;
 		display: flex;
 		justify-content: flex-end;
 		padding-right: 24rpx;
 	}
+	
 
 	.rightImg {
 		width: 40rpx;

pages/pc/newDetail.vue

@@ -265,9 +265,10 @@
 		margin: 0 auto;
 		margin-top: 30px;
 		padding-bottom: 30px;
+		display: flex;
 	}
 	.topName{
-		width: 84px;
+	  /*  width: 84px; */
 		height: 24px;
 		background: rgba(63, 144, 247, 0.1);
 		border-radius: 14px;
@@ -276,6 +277,7 @@
 		line-height: 24px;
 		text-align: center;
 		cursor: pointer;
+		padding: 0 20rpx;
 	}
 	.fileName{
 		text-decoration:underline;

pages/pcLh/newDetail.vue

@@ -265,9 +265,10 @@
 		margin: 0 auto;
 		margin-top: 30px;
 		padding-bottom: 30px;
+		display: flex;
 	}
 	.topName{
-		width: 84px;
+		/* width: 84px; */
 		height: 24px;
 		background: rgba(63, 144, 247, 0.1);
 		border-radius: 14px;
@@ -276,6 +277,7 @@
 		line-height: 24px;
 		text-align: center;
 		cursor: pointer;
+		padding: 0 20rpx;
 	}
 	.fileName{
 		text-decoration:underline;