1

src/components/page/articleList.vue

@@ -54,13 +54,14 @@
 					</p>
 					<p class="man_title">{{item.title}}</p>
 					<p class="man_con">
-						<font style="color: #666b7a;">Type : </font>
-						<span style="font-weight: normal;">{{item.type | ellipsis}}</span>
-						<font style="color: #666b7a;">Journal : </font>
+						<span>{{item.type | ellipsis}}</span>
 						<b style="color: #006699;font-weight: normal;">{{item.journalname}}</b>
 					</p>
 					<p>
-						<font style="color: #666b7a;">Update Time : </font>
+						<font style="color: #666b7a;">
+							<i class="el-icon-time" style="margin: 0 5px 0 0;"></i>
+							Update Time :
+						</font>
 						<b style="font-weight: normal;">{{item.ctime}}</b>
 					</p>
 					<div class="man_state" :style="item.state | stateColor">
@@ -76,7 +77,7 @@
 				</div>
 				<div class="man_progess">
 					<font style="color: #666b7a;">
-						<i class="el-icon-time"></i>Latest Progress :
+						Latest Progress :
 					</font>
 					<b style="margin: 0 0 0 5px;">{{item.state | stateChange}} </b>
 					<router-link :to="{path:'/articleList',query:{art_id:item.article_id}}" v-if="item.state==4" style="color: #333;">
@@ -437,7 +438,7 @@
 					});
 
 			},
-			
+
 			formatDate(timestamp) {
 				var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
 				var Y = date.getFullYear() + '-';
@@ -645,23 +646,22 @@
 	}
 
 	.mangu_list .man_title {
-		margin: 15px 0 20px 0;
+		margin: 10px 0 18px 0;
 		font-weight: bolder;
 		font-size: 16px;
 	}
 
 	.mangu_list .man_con {
-		margin: 0 0 10px 0;
+		margin: 0 0 12px 0;
 	}
 
 	.mangu_list .man_con>span {
-		color: #555;
-		font-weight: bolder;
 		border-radius: 5px;
-		margin: 0 50px 0 0;
-		/* background-color: #b9bcbd; */
-		/* padding: 2px 5px; */
-		/* font-size: 12px; */
+		font-size: 12px;
+		margin: 0 25px 0 0;
+		color: #006699;
+		background-color: #d4f1ff;
+		padding: 2px 8px;
 	}
 
 	.mangu_list .man_state {
@@ -688,6 +688,7 @@
 		position: absolute;
 		bottom: 70px;
 		right: 20px;
+		font-size: 15px;
 	}
 
 	.mangu_list .man_btn>span:hover {