feature: 加入多张图片展示

pages/piano/wallpaper/wallpaper.js

@@ -10,6 +10,19 @@ Page({
       showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
       title: '壁纸', //导航栏 中间的标题
     },
+    topList: [{
+      name: "图片4",
+      image: "./../../../img/min.png",
+    }, {
+      name: "图片1",
+      image: "./../../../img/min.png",
+    }, {
+      name: "图片2",
+      image: "./../../../img/min.png",
+    }, {
+      name: "图片3",
+      image: "./../../../img/min.png",
+    }, ],
   },
 
   /**

pages/piano/wallpaper/wallpaper.wxml

@@ -4,6 +4,15 @@
 
   <view class="public">
     <image class="image_top" src="./../../../img/min.png"></image>
+
+    <view class="top_item_public_add">
+      <view class="top_item_public" wx:for="{{topList}}" wx:key="key" wx:for-item="item" wx:for-index="index">
+        <view bind:tap="clickTopItem" data-index="{{index}}">
+          <image class="top_image" mode="heightFix" src="{{item.image}}"></image>
+          <view>{{item.name}}</view>
+        </view>
+      </view>
+    </view>
   </view>
 
 

pages/piano/wallpaper/wallpaper.wxss

@@ -6,6 +6,30 @@
 
 .image_top {
   margin-top: 40rpx;
-  height: 60vw;
-  width: 80vw;
+  height: 40vw;
+  width: 60vw;
+}
+
+.top_item_public_add {
+  display: -webkit-flex;
+  display: flex;
+  margin-top: 40rpx;
+  align-items: center;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  width: 100%;
+}
+
+.top_item_public {
+  justify-content: center;
+  flex: 0 0 auto;
+  width: 50%;
+  text-align: center;
+  color: #797979;
+  padding: 40rpx 0;
+  font-size: 30rpx;
+}
+
+.top_image {
+  height: 20vw;
 }

project.private.config.json

@@ -9,6 +9,13 @@
     "miniprogram": {
       "list": [
         {
+          "name": "壁纸",
+          "pathName": "pages/piano/wallpaper/wallpaper",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
+        {
           "name": "登录",
           "pathName": "pages/login/login",
           "query": "",