fixed goods list

miniprogram/pages/index/index.json

@@ -1,5 +1,6 @@
 {
   "usingComponents": {},
-  "navigationBarBackgroundColor": "#F96352",
-  "navigationBarTitleText": "积分商城"
+  "navigationBarBackgroundColor": "#ceb17f",
+  "navigationBarTitleText": "积分商城",
+  "navigationBarTextStyle": "white"
 }

miniprogram/pages/index/index.less

@@ -6,14 +6,18 @@ image {
   height: 100%;
 }
 
+.displex-flex {
+  display: flex;
+}
+
 .box-border-radius {
   border-radius: 10px;
   overflow: hidden;
 }
 
 .content-bg {
-  background: linear-gradient(to bottom, #F96352, #fff);
-  height: 120px;
+  background: linear-gradient(to bottom, #ceb17f, #fff);
+  height: 140px;
   width: 100%;
   left: 0;
   top: 0;
@@ -99,12 +103,59 @@ image {
     height: 32px;
     overflow: hidden;
   }
+
   .price {
     color: #f00;
     margin-top: 5px;
   }
 }
 
-.displex-flex {
-  display: flex;
+.normal-list {
+  .goods-item {
+    .displex-flex;
+    margin-bottom: 20px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .image {
+    min-width: 80px;
+    height: 80px;
+    margin-right: 15px;
+  }
+
+  .title {
+    line-height: 20px;
+    height: 40px;
+    overflow: hidden;
+    font-size: 14px;
+  }
+
+  .goods-action {
+    margin-top: 10px;
+    .displex-flex;
+    justify-content: space-between;
+  }
+
+  .price {
+    color: red;
+    font-size: 16px;
+    line-height: 30px;
+  }
+
+  .actions {
+
+    button {
+      height: 30px;
+      border-radius: 30px;
+      font-size: 13px;
+      background-color: red;
+      color: white;
+      width: 100px;
+      padding: 0;
+      line-height: 30px;
+    }
+  }
 }

miniprogram/pages/index/index.wxml

@@ -53,15 +53,16 @@
       </view>
       <view class="panel">
         <view class="panel-body">
-          <view class="goods-list">
+          <view class="goods-list normal-list">
             <view wx:for="{{goodsItems}}" wx:key="id" class="goods-item">
               <view class="image">
                 <image src="{{item.cover}}"></image>
               </view>
+             <view>
               <view class="title">
                 <text>{{item.title}}</text>
               </view>
-              <view class="displex-flex">
+              <view class="goods-action">
                 <view class="price">
                   <text>{{item.price}}积分</text>
                 </view>
@@ -74,6 +75,7 @@
           </view>
         </view>
       </view>
+    </view>
 
   </view>
 </view>

project.config.json

@@ -16,7 +16,8 @@
       "ignore": [],
       "disablePlugins": [],
       "outputPath": ""
-    }
+    },
+    "minified": true
   },
   "simulatorType": "wechat",
   "simulatorPluginLibVersion": {},