UI-样式

pages/highServer/cooperative/cooperative.vue

@@ -2,7 +2,7 @@
     <view class="container">
         <!-- 供销社列表 -->
         <view class="rnwdList" v-for="(item, index) in list" :key="index">
-            <view @tap="goDetails(item.id)" class="cooperativeImgBox">
+            <view @tap="goDetails(item.id)" class="cooperativeImgBox" style="width: 30%;">
                 <!--<image :src="loadImgSrc('/snbj.png')" class="cooperativeImg"></image>-->
                 <image :src="loadImgSrcLocalhost(item.imgUrl)" class="cooperativeImg"></image>
             </view>

pages/highServer/cooperative/details.css

@@ -1,5 +1,5 @@
 .container{
-    padding: 0;
+    padding: 0 20rpx;
 }
 
 .cooperativeImgBox{
@@ -8,7 +8,7 @@
     top: 0;
     z-index: 0;
     width: 100%;
-    height: 480rpx;
+    height: 400rpx;
 }
 .cooperativeImg{
     position: static;
@@ -24,13 +24,15 @@
     font-size: 50rpx;
 }
 .itemBox:nth-child(2n-1){
-    background: #ccc;
+    background: #e4e4e4;
 }
 .itemBox:nth-child(2n){
-    background: #ddd;
+    background: #eee;
 }
 
 .item{
+	font-size: 30rpx;
+	padding: 20rpx;
     /*width: 100%;*/
     /*background-color: #57f5a1;*/
 }