modify:图片导航

src/component/picNav/picNav.js

+
+// component/picNav/picNav.js
+var app = getApp()
+const wxService = require('../../utils/wxService')
+const envInfo = require('../../config/index').envInfo
+
+Component({
+	/**
+	 * 组件的属性列表
+	 */
+	properties: {
+		picNav: {
+			type: Array,
+			value: [],
+		},
+  },
+  attached () {
+		console.log('picNav', this.data.picNav)
+	},
+	/**
+	 * 组件的初始数据
+	 */
+	data: {
+  
+	},
+	/**
+	 * 组件的方法列表
+	 */
+	methods: {
+
+  }
+})

src/component/picNav/picNav.json

+{
+  "component": true,
+  "usingComponents": {}
+}
\ No newline at end of file

src/component/picNav/picNav.wxml

+<!--component/picNav/picNav.wxml-->
+<view class="pic-nav">
+  <block wx:for="{{picNav}}" wx:key="{{index}}" wx:for-item="item" class="pic-content">
+      <view class="pic-item"><image class="pic-img" src="http://testimg3.bigaka.com{{item.imageUrl}}" mode="scaleToFill"/></view>
+  </block>
+</view>

src/component/picNav/picNav.wxss

+/* component/picNav/picNav.wxss */
+.pic-nav {
+  display: flex;
+  padding:20rpx 0;
+}
+.pic-item {
+  flex: 1;
+  height: 200rpx;
+}
+.pic-img {
+  height: 100%;
+  width: 100%;
+}
\ No newline at end of file

src/pages/userCenter/userCenter.json

@@ -2,6 +2,7 @@
   "navigationBarTitleText": "广东7-Eleven会员专区",
   "usingComponents": {
     "image-swiper": "/component/imageSwiper/imageSwiper",
-    "person-center": "/component/personCenter/personCenter"
+    "person-center": "/component/personCenter/personCenter",
+    "pic-nav": "/component/picNav/picNav"
   }
 }
\ No newline at end of file

src/pages/userCenter/userCenter.wxml

@@ -17,7 +17,8 @@
 
     <!-- 图片导航 {{pItem.navigation.images}}-->
   <view class="images-tab" wx:if="{{pItem.type == 3}}">
-       <view class='main-content'>
+    <pic-nav pic-nav="{{pItem.navigation.images}}" />
+      <!-- <view class='main-content'>
         <view class='top-content'>
           <view class='top-left-img'>
             <image src='/assets/imgs/user-bg.png'></image>
@@ -36,7 +37,7 @@
           <image src='/assets/imgs/user-bg.png'></image>
         </view>
       </view>
-
+-->
 
   </view>
     <!-- 底部 -->