我的测评样式

components/page-title/page-title.vue

@@ -58,17 +58,18 @@
 	.top{
 		height: 40px;
 		// display: none;
-		background:linear-gradient(to bottom,#6BA0FC, #6297FD);
+		// background:linear-gradient(to bottom,#6BA0FC, #6297FD);
+		background-color: #fff;
 		.back{
 			float: left;
-			color: #FFFFFF;
+			color: #000;
 			padding-top:8px;
 			padding-left: 15px;
 		}
 		.title{
 			text-align: center;
 			font-size: 16px;
-			color: #F9FDFF;
+			color: #000;
 			height: 40px;
 			text-align: center;
 			width: 80%;

pages.json

@@ -45,7 +45,7 @@
 		{"path" : "pages/my/headimg","style" : {"navigationBarTitleText": "修改头像","enablePullDownRefresh": false}},
 		{"path" : "pages/my/uCurrencyRules","style" : {"navigationBarTitleText": "U币规则","enablePullDownRefresh": false}},
 		{"path" : "pages/my/rankingList","style" : {"navigationBarTitleText": "排行榜","enablePullDownRefresh": false}},
-		{"path" : "pages/my/follow","style" : {"navigationBarTitleText": "关注列表"}},
+		{"path" : "pages/my/follow","style" : {"navigationBarTitleText": "关注列表","enablePullDownRefresh": true}},
 		{"path" : "pages/login/login","style" : { "navigationBarTitleText": "","enablePullDownRefresh": false}},
 		{"path" : "pages/login/loading","style" : { "navigationBarTitleText": "正在加载","enablePullDownRefresh": false}},
 		{"path" : "pages/plus/index","style" : {"navigationBarTitleText": "发布内容"}},

pages/my/myAssesses.vue

@@ -1,29 +1,28 @@
 <template>
 	<!--我的测评-->
-	<view>
+	<view style="background-color: #fff;padding: 0 36upx;">
 		<page-title :showBack="true">我的测评</page-title>
 		<view class="top-content">
+			<!-- inputAlign="center" -->
 			<view>
 				<u-search 
 				:clearabled="true"
 				@search="findList(true)"
 				@clear="findList(true)"
-				placeholder="搜索关键字" 
+				placeholder="搜索" 
 				v-model="keyword" 
-				:showAction="false" 
-				shape="square" 
-				bgColor="#ffffff">
+				:showAction="false">
 				</u-search>
 			</view>
 		</view>
 		<view class="listbox">
-			<view class="assess content" v-for="(item,idx) in testList" :key="idx" @click="myAssessdetail(item)">
+			<view class="assess" v-for="(item,idx) in testList" :key="idx" @click="myAssessdetail(item)">
 				<view class="assess-info">
 					<view class="assess-info-content">
 						<img :src="coverFilter(item.cover)">
 						<view class="assess-text">
-							<view style="font-size: 32rpx; font-weight: bold;">{{item.title}}</view>
-							<view style="font-size: 28rpx;">{{item.date}}</view>
+							<view class="assess-text-title">{{item.title}}</view>
+							<view class="assess-text-text">完成时间：{{item.date}}</view>
 						</view>
 					</view>
 				</view>
@@ -119,42 +118,64 @@
 	//     padding-top: 15upx;
 	// }
 	.top-content {
-		padding: 28upx 20upx  10upx 20upx;
+		padding: 28upx 0  10upx 0;
 		margin-bottom: 20upx;
 
 	}
-
+.listbox{
+	display: flex;
+	flex-wrap: wrap;
+}
 	.assess {
-		padding: 10px;
-		margin-bottom: 10px;
+		// flex: 38%;
+		// padding: 20upx;
+		margin-bottom: 20upx;
+		&:nth-child(2n-1){
+			margin-right: 28upx;
+		}
 
 		.assess-info {
+			text-align: center;
 			padding-top: 8px;
-			display: flex;
-			justify-content: space-between;
 
 			.assess-info-content {
-				display: flex;
 				line-height: 40upx;
 
 				img {
-					width: 220upx;
-					height: 150upx;
+					width: 300upx;
+					height: 400upx;
 				}
 
 				.assess-text {
-					font-size: 35upx;
-					color: #000000;
-					margin-top: 5px;
-					margin-left: 10px;
+					max-width: 300upx;
+					padding: 0 12upx;
+					margin-top: 24upx;
+					.assess-text-title{
+						// padding: 0 12upx;
+						font-size: 28upx;
+						font-weight: 600;
+						line-height: 20px;
+						color: #333333;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						-webkit-box-orient: vertical; 
+						display: -webkit-box;-webkit-line-clamp: 1; 
+						word-break:break-all;
+					}
+					.assess-text-text{
+						margin-top: 8upx;
+						font-size: 24upx;
+						color: #666666;
+						line-height: 17px;
+					}
 
 				}
 
-				.assess-text :nth-child(2) {
-                    font-size: 28upx;
-					color: #909090;
-					margin-top: 50upx;
-				}
+				// .assess-text :nth-child(2) {
+    //                 font-size: 28upx;
+				// 	color: #909090;
+				// 	margin-top: 50upx;
+				// }
 
 			}
 		}