优化首页样式

pages/index/index.vue

@@ -15,19 +15,19 @@
 	  <!-- 标签和导航区 -->
 	  <view class="linkzone">
 		  <view class="lkbox" @click="jumpToPage('publicdata')">
-			  <view class="lkimg"><image mode="widthFix" src="../../static/next.png"/></view>
+			  <view class="lkimg"><image mode="widthFix" src="../../static/tabbar/recommend-cate.png"/></view>
 			  <view class="lktxt">公共数据专区</view>
 		  </view>
 		  <view class="lkbox" @click="jumpToPage('supermarket')">
-		  		<view class="lkimg"><image mode="widthFix" src="../../static/next.png"/></view>
+		  		<view class="lkimg"><image mode="widthFix" src="../../static/tabbar/recommend-cate.png"/></view>
 		  		<view class="lktxt">数据超市</view>
 		  </view>
 		  <view class="lkbox" @click="jumpToPage('culturalresources')">
-		  		<view class="lkimg"><image mode="widthFix" src="../../static/next.png"/></view>
+		  		<view class="lkimg"><image mode="widthFix" src="../../static/tabbar/recommend-cate.png"/></view>
 		  		<view class="lktxt">文化资源数据</view>
 		  </view>
 		  <view class="lkbox" @click="jumpToPage('culturalnumbers')">
-		  		<view class="lkimg"><image mode="widthFix" src="../../static/next.png"/></view>
+		  		<view class="lkimg"><image mode="widthFix" src="../../static/tabbar/recommend-cate.png"/></view>
 		  		<view class="lktxt">文化数字内容</view>
 		  </view>
 	  </view>
@@ -274,11 +274,10 @@
 	}
 	// navbar
 	.linkzone{
-		padding: 10rpx 10rpx 20rpx;
+		padding: 5rpx 10rpx 20rpx;
 		display: flex;
 		
 		.lkbox{
-			background-color: #fff;
 			margin-left: 30rpx;
 			width: 150rpx;
 			height: 150rpx;
@@ -287,21 +286,20 @@
 			font-weight: 600;
 			
 			.lkimg{
-				width: 130rpx;
+				width: 70rpx;
-				height: 130rpx;
+				height: 70rpx;
 				margin: 10rpx auto;
 				// padding: 10rpx;
 				
 				// display: flex;
 				// text-align: center;
 				image{
-					width: 130rpx;
+					width: 70rpx;
 				}
 			}
 			.lktxt{
 				// word-break: break-all;
 				white-space: nowrap;
-				margin-top: 22rpx;
 				text-align: center;
 				height: 56rpx;
 				line-height: 56rpx;
@@ -310,7 +308,6 @@
 	}
 	// goods
 	.glistzone{
-		margin-top: 46rpx;
 		padding: 4rpx;
 	}
   }
@@ -371,7 +368,8 @@
             }
   
             .sale-count {
-  				maring-left:20rpx;
+              float: right;
+              margin-top: 8rpx;
               font-size: 18rpx;
             }
           }