修改页面样式

pages/myArticle/detail.vue

@@ -8,7 +8,6 @@
       </view>
       <view class="date">{{articleInfo.releaseDate}}</view>
     </view>
-
 		<view class="detail">
 			<view v-html="articleInfo.details"></view>
 		</view>

pages/myArticle/index.vue

@@ -2,23 +2,18 @@
 	<view class="top">
 		<view v-if="hotList.length > 0">
 		<view v-for="(item,index) in hotList" :key="index" class="indexcard">
-								<image class="cardimage" :src="item.path" @click="toDetail(item.businessId)"></image>
-							<view class="cardtitle"  @click="toDetail(item.businessId)">
-								<view class="cardtitle1">{{item.title}}</view>
-								<view class="cardtitle2">{{item.details.replace(/<[^>]*>/g, '')}}</view>
-								<view class="cardtitle2">推广量：{{item.readNum || '-'}}</view>
-		<!--						<view class="cardtitle3">￥{{formatPrice(item.price)}}</view>-->
-							</view>
-						</view>
-						<u-loadmore :status="articleStatus" />
-					</view>
-					<view v-else style="margin-top: 200rpx;">
-						<u-empty
-						        mode="data"
-
-						>
-						</u-empty>
-					</view>
+      <image class="cardimage" :src="item.path" @click="toDetail(item.businessId)"></image>
+      <view class="cardtitle"  @click="toDetail(item.businessId)">
+        <view class="cardtitle1">{{item.title}}</view>
+        <view class="cardtitle2">{{item.details.replace(/<[^>]*>/g, '')}}</view>
+        <view style="color: rgb(191, 191, 191)">推广量：{{item.readNum || '-'}}</view>
+      </view>
+    </view>
+      <u-loadmore :status="articleStatus" />
+    </view>
+    <view v-else style="margin-top: 200rpx;">
+      <u-empty mode="data"></u-empty>
+    </view>
 	</view>
 </template>
 
@@ -121,38 +116,38 @@
 		/* margin-bottom: 22rpx; */
 		padding: 22rpx;
 	}
-	.cardimage{
-		width: 210rpx !important;
-		height: 210rpx !important;
-		border-radius: 8px 8px 8px 8px;
-		margin-right: 22rpx;
-		/* margin: 22rpx; */
-	}
+  .cardimage{
+    width: 260rpx !important;
+    height: 180rpx !important;
+    border-radius: 8px 8px 8px 8px;
+    margin-right: 25rpx;
+    /* margin: 22rpx; */
+  }
 	.cardtitle{
 		width: 414rpx;
 	}
-	.cardtitle1{
-		font-size: 16px;
-		font-family: Source Han Sans CN-Medium, Source Han Sans CN;
-		font-weight: 500;
-		color: #333333;
-		margin-bottom: 30rpx;
-		overflow: hidden;
-		   -webkit-line-clamp: 2;
-		   text-overflow: ellipsis;
-		   display: -webkit-box;
-		   -webkit-box-orient: vertical;
-	}
-	.cardtitle2{
-		font-size: 14px;
-		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
-		font-weight: 400;
-		color: #666666;
-		/* margin-bottom: 30rpx; */
-		 overflow: hidden;
-		    -webkit-line-clamp: 2;
-		    text-overflow: ellipsis;
-		    display: -webkit-box;
-		    -webkit-box-orient: vertical;
-	}
+  .cardtitle1{
+    font-size: 16px;
+    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
+    font-weight: 500;
+    color: #333333;
+    margin-bottom: 20rpx;
+    overflow: hidden;
+    -webkit-line-clamp: 1;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+  }
+  .cardtitle2{
+    font-size: 14px;
+    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+    font-weight: 400;
+    color: rgb(191, 191, 191);
+    margin-bottom: 40rpx;
+    overflow: hidden;
+    -webkit-line-clamp: 1;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+  }
 </style>

pages/myVedio/index.vue

@@ -2,24 +2,18 @@
 	<view class="top">
 		<view v-if="hotList.length>0">
 		<view v-for="(item,index) in hotList" :key="index" class="indexcard">
-								<image :src="item.path" class="cardimage" @click="toDetail(item.businessId)"></image>
-							<view class="cardtitle"  @click="toDetail(item.businessId)">
-								<view class="cardtitle1">{{item.videoTitle}}</view>
-                <view class="cardtitle1">推广量：{{item.readNum || '-'}}</view>
-								<!-- <view class="cardtitle2">{{item.details.replace(/<[^>]*>/g, '')}}</view> -->
-		<!--						<view class="cardtitle3">￥{{formatPrice(item.price)}}</view>-->
-							</view>
-						</view>
-						<u-loadmore :status="status" />
-						</view>
-						<view v-else style="margin-top: 200rpx;">
-							<u-empty
-							        mode="data"
-
-							>
-							</u-empty>
-						</view>
-
+      <image :src="item.path" class="cardimage" @click="toDetail(item.businessId)"></image>
+      <view class="cardtitle"  @click="toDetail(item.businessId)">
+        <view class="cardtitle1">{{item.videoTitle}}</view>
+        <view style="color: rgb(191, 191, 191);padding-top: 80rpx">推广量：{{item.readNum || '-'}}</view>
+      </view>
+    </view>
+      <u-loadmore :status="status" />
+    </view>
+    <view v-else style="margin-top: 200rpx;">
+      <u-empty mode="data">
+      </u-empty>
+    </view>
 	</view>
 </template>
 
@@ -128,38 +122,38 @@
 		/* margin-bottom: 22rpx; */
 		padding: 22rpx;
 	}
-	.cardimage{
-		width: 210rpx !important;
-		height: 210rpx !important;
-		border-radius: 8px 8px 8px 8px;
-		margin-right: 22rpx;
-		/* margin: 22rpx; */
-	}
-	.cardtitle{
-		width: 414rpx;
-	}
-	.cardtitle1{
-		font-size: 16px;
-		font-family: Source Han Sans CN-Medium, Source Han Sans CN;
-		font-weight: 500;
-		color: #333333;
-		margin-bottom: 30rpx;
-		overflow: hidden;
-		   -webkit-line-clamp: 2;
-		   text-overflow: ellipsis;
-		   display: -webkit-box;
-		   -webkit-box-orient: vertical;
-	}
-	.cardtitle2{
-		font-size: 14px;
-		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
-		font-weight: 400;
-		color: #666666;
-		/* margin-bottom: 30rpx; */
-		 overflow: hidden;
-		    -webkit-line-clamp: 2;
-		    text-overflow: ellipsis;
-		    display: -webkit-box;
-		    -webkit-box-orient: vertical;
-	}
+  .cardimage{
+    width: 260rpx !important;
+    height: 180rpx !important;
+    border-radius: 8px 8px 8px 8px;
+    margin-right: 25rpx;
+    /* margin: 22rpx; */
+  }
+  .cardtitle{
+    width: 414rpx;
+  }
+  .cardtitle1{
+    font-size: 16px;
+    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
+    font-weight: 500;
+    color: #333333;
+    margin-bottom: 20rpx;
+    overflow: hidden;
+    -webkit-line-clamp: 1;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+  }
+  .cardtitle2{
+    font-size: 14px;
+    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+    font-weight: 400;
+    color: rgb(191, 191, 191);
+    margin-bottom: 40rpx;
+    overflow: hidden;
+    -webkit-line-clamp: 1;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+  }
 </style>

pages/shop/index.vue

@@ -18,9 +18,9 @@
 				<image class="smallicon" src="../../static/img/image/home_icon_remen@2x.png"></image>
 				<span>推荐</span>
 				</view>
-        <view style="width:50%; margin-top: 25rpx; display: flex;justify-content: space-between;">
-          <button style="width: 150rpx;height: 80rpx;font-size: 15px" @click="onButtonClicked(0)" :class="{ active: curNow === 0 }">文章</button>
-          <button style="width: 150rpx;height: 80rpx;font-size: 15px" @click="onButtonClicked(1)" :class="{ active: curNow === 1 }">视频</button>
+        <view style="width:55%; margin-top: 25rpx; display: flex;justify-content: space-between;">
+          <button style="width: 170rpx;height: 80rpx;font-size: 15px" @click="onButtonClicked(0)" :class="{ active: curNow === 0 }">文章</button>
+          <button style="width: 170rpx;height: 80rpx;font-size: 15px" @click="onButtonClicked(1)" :class="{ active: curNow === 1 }">视频</button>
         </view>
 			</view>
 			<view v-if="curNow === 0 && hotList.length > 0">