修改页面样式

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

@@ -6,18 +6,13 @@
       <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 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>
+      <u-empty mode="data"></u-empty>
     </view>
 	</view>
 </template>
@@ -122,10 +117,10 @@
 		padding: 22rpx;
 	}
   .cardimage{
-		width: 210rpx !important;
-		height: 210rpx !important;
+    width: 260rpx !important;
+    height: 180rpx !important;
     border-radius: 8px 8px 8px 8px;
-		margin-right: 22rpx;
+    margin-right: 25rpx;
     /* margin: 22rpx; */
   }
 	.cardtitle{
@@ -136,9 +131,9 @@
     font-family: Source Han Sans CN-Medium, Source Han Sans CN;
     font-weight: 500;
     color: #333333;
-		margin-bottom: 30rpx;
+    margin-bottom: 20rpx;
     overflow: hidden;
-		   -webkit-line-clamp: 2;
+    -webkit-line-clamp: 1;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
@@ -147,10 +142,10 @@
     font-size: 14px;
     font-family: Source Han Sans CN-Regular, Source Han Sans CN;
     font-weight: 400;
-		color: #666666;
-		/* margin-bottom: 30rpx; */
+    color: rgb(191, 191, 191);
+    margin-bottom: 40rpx;
     overflow: hidden;
-		    -webkit-line-clamp: 2;
+    -webkit-line-clamp: 1;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;

pages/myVedio/index.vue

@@ -5,21 +5,15 @@
       <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 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 mode="data">
       </u-empty>
     </view>
-
 	</view>
 </template>
 
@@ -129,10 +123,10 @@
 		padding: 22rpx;
 	}
   .cardimage{
-		width: 210rpx !important;
-		height: 210rpx !important;
+    width: 260rpx !important;
+    height: 180rpx !important;
     border-radius: 8px 8px 8px 8px;
-		margin-right: 22rpx;
+    margin-right: 25rpx;
     /* margin: 22rpx; */
   }
   .cardtitle{
@@ -143,9 +137,9 @@
     font-family: Source Han Sans CN-Medium, Source Han Sans CN;
     font-weight: 500;
     color: #333333;
-		margin-bottom: 30rpx;
+    margin-bottom: 20rpx;
     overflow: hidden;
-		   -webkit-line-clamp: 2;
+    -webkit-line-clamp: 1;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
@@ -154,10 +148,10 @@
     font-size: 14px;
     font-family: Source Han Sans CN-Regular, Source Han Sans CN;
     font-weight: 400;
-		color: #666666;
-		/* margin-bottom: 30rpx; */
+    color: rgb(191, 191, 191);
+    margin-bottom: 40rpx;
     overflow: hidden;
-		    -webkit-line-clamp: 2;
+    -webkit-line-clamp: 1;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;

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">