列表渲染

src/app.scss

@@ -69,4 +69,15 @@ page {
       text-align: center;
     }
   }
+  view.MainItemImg {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    > image {
+      width: 100%;
+      height: 100%;
+    }
+  }
 }

src/components/BannerSwiper/index.vue

@@ -4,7 +4,9 @@
       <block v-for="(item, index) in List" :key="index">
         <swiper-item>
           <view class="swiper-item">
-            <image mode="aspectFill" class="centerLabel" :src="item.image" @tap="LinkTo(item)"></image>
+            <view class="MainItemImg">
+              <image mode="aspectFill" :src="item.image" @tap="LinkTo(item)"></image>
+            </view>
           </view>
         </swiper-item>
       </block>
@@ -30,7 +32,7 @@ export default {
   methods: {
     LinkTo (item) {
       if (item.srcId === null) return
-      wx.navigateTo({ url: `../../pages/HuiShengHuo/ActivityList/ActivityDetail/index?id=${item.srcId}`})
+      wx.navigateTo({ url: `../../pages/HuiShengHuo/ActivityList/ActivityDetail/index?id=${item.srcId}` })
     }
   }
 }

src/components/GetUserIcon/index.vue

@@ -42,6 +42,7 @@ export default {
                   success (subRes) {
                     _that.EditUserInfo({ name: 'Icon', value: subRes.userInfo.avatarUrl })
                     _that.EditUserInfo({ name: 'Name', value: subRes.userInfo.nickName })
+                    _that.$emit('UserInfoChange')
                   }
                 })
               }
@@ -61,6 +62,7 @@ export default {
             success (res) {
               _that.EditUserInfo({ name: 'Icon', value: res.userInfo.avatarUrl })
               _that.EditUserInfo({ name: 'Name', value: res.userInfo.nickName })
+              _that.$emit('UserInfoChange')
               _that.Show = false
             }
           })

src/pages/HuiAiXin/EnergyStory/index.vue

@@ -18,7 +18,9 @@
             </view>
             <view class="Img">
               <view>
-                <image mode="aspectFill" class="centerLabel" :src="item.thumb"></image>
+                <view class="MainItemImg">
+                  <image mode="aspectFill" :src="item.thumb"></image>
+                </view>
               </view>
             </view>
           </navigator>

src/pages/HuiAiXin/StarOwner/index.vue

@@ -12,7 +12,9 @@
         <view class="List" v-if="PageList.length">
           <navigator v-for="(item, index) in PageList" :key="index" :url="`../../HuiShengHuo/ActivityList/ActivityDetail/index?id=${item.activityId}`" hover-class="other-navigator-hover" class="Item">
             <view class="Img">
-              <image mode="aspectFill" class="centerLabel" :src="item.thumb"></image>
+              <view class="MainItemImg">
+                <image mode="aspectFill" :src="item.thumb"></image>
+              </view>
             </view>
             <text class="Info">{{item.name}}</text>
           </navigator>

src/pages/HuiAiXin/index.vue

@@ -22,7 +22,9 @@
             <view class="List">
               <navigator v-for="(item, index) in PageStarList" :key="index" :url="`../HuiShengHuo/ActivityList/ActivityDetail/index?id=${item.activityId}`" hover-class="other-navigator-hover" class="Item">
                 <view class="Img">
-                  <image mode="aspectFill" class="centerLabel" :src="item.thumb"></image>
+                  <view class="MainItemImg">
+                    <image mode="aspectFill" :src="item.thumb"></image>
+                  </view>
                 </view>
                 <text class="Info">{{item.name}}</text>
               </navigator>
@@ -49,18 +51,24 @@
             </view>
             <view class="Img">
               <view>
-                <image mode="aspectFill" class="centerLabel" :src="item.thumb"></image>
+                <view class="MainItemImg">
+                  <image mode="aspectFill" :src="item.thumb"></image>
+                </view>
               </view>
             </view>
           </navigator>
         </view>
       </view>
 
+      <!-- 授权头像获取弹窗 -->
+      <GetUserIcon></GetUserIcon>
+
     </ScrollY>
   </view>
 </template>
 
 <script>
+import GetUserIcon from '../../components/GetUserIcon/index'
 import ScrollY from '../../components/ScrollY/index'
 import BannerSwiper from '../../components/BannerSwiper/index'
 import { createNamespacedHelpers } from 'vuex'
@@ -86,7 +94,8 @@ export default {
   },
   components: {
     ScrollY,
-    BannerSwiper
+    BannerSwiper,
+    GetUserIcon
   },
   created () {
     this.$authed(() => {
@@ -122,7 +131,7 @@ export default {
       }).catch(() => {
         this.CheckRequestNum(3) // 判断请求接口个数
       })
-      this.GetMingXingYeZhuList({ queryData: { pageNum: 1, pageSize: 10, typeId: 2 } }).then(() => { // 获取明星业主列表
+      this.GetMingXingYeZhuList({ queryData: { pageNum: 1, pageSize: 10, typeId: 5 } }).then(() => { // 获取明星业主列表
         this.PageStarList = [...this.MingXingYeZhuList]
         this.CheckRequestNum(3) // 判断请求接口个数
       }).catch(() => {

src/pages/HuiQuanYi/index.vue

@@ -28,11 +28,15 @@
         </view>
       </view>
 
+      <!-- 授权头像获取弹窗 -->
+      <GetUserIcon></GetUserIcon>
+
     </ScrollY>
   </view>
 </template>
 
 <script>
+import GetUserIcon from '../../components/GetUserIcon/index'
 import ScrollY from '../../components/ScrollY/index'
 import BannerSwiper from '../../components/BannerSwiper/index'
 import { createNamespacedHelpers } from 'vuex'
@@ -56,7 +60,8 @@ export default {
   },
   components: {
     ScrollY,
-    BannerSwiper
+    BannerSwiper,
+    GetUserIcon
   },
   created () {
     this.$authed(() => {

src/pages/HuiShengHuo/ActivityList/index.vue

@@ -23,7 +23,9 @@
           <view class="List">
             <view class="Item" v-for="(item, index) in PageList" :key="index">
               <navigator class="Img" :url="`./ActivityDetail/index?id=${item.activityId}`" hover-class="other-navigator-hover">
-                <image mode="aspectFill" class="centerLabel" :src="item.thumb"></image>
+                <view class="MainItemImg">
+                  <image mode="aspectFill" :src="item.thumb"></image>
+                </view>
               </navigator>
               <view class="Info">
                 <text>{{item.name}}</text>

src/pages/HuiShengHuo/PhotoList/index.vue

@@ -15,7 +15,9 @@
             <view>
               <view v-for="(subItem, subIndex) in item.List" :key="subIndex">
                 <view class="Img" @tap="CheckBigImg(subItem.imgUrl)">
-                  <image mode="aspectFill" class="centerLabel" :src="subItem.imgUrl"></image>
+                  <view class="MainItemImg">
+                    <image mode="aspectFill" :src="item.imgUrl"></image>
+                  </view>
                 </view>
               </view>
             </view>
@@ -96,7 +98,7 @@ export default {
           if (Arr.length && item.typeId === Arr[Arr.length - 1].Month) {
             Arr[Arr.length - 1].List.push({ ...item })
           } else {
-            Arr.push({ Month: item.typeId, List: [{ ...item} ] })
+            Arr.push({ Month: item.typeId, List: [{ ...item }] })
           }
         })
         this.PageList = Arr

src/pages/HuiShengHuo/index.vue

@@ -23,7 +23,9 @@
               <view class="List">
                 <view v-for="(item, index) in PhotoList" :key="index">
                   <view @tap="CheckBigImg(item.imgUrl)">
-                    <image mode="aspectFill" class="centerLabel" :src="item.imgUrl"></image>
+                    <view class="MainItemImg">
+                      <image mode="aspectFill" :src="item.imgUrl"></image>
+                    </view>
                   </view>
                 </view>
               </view>
@@ -42,7 +44,9 @@
           <view class="List" v-if="ActivityList.length">
             <view class="Item" v-for="(item, index) in ActivityList" :key="index">
               <navigator class="Img" :url="`./ActivityList/ActivityDetail/index?id=${item.activityId}`" hover-class="other-navigator-hover">
-                <image mode="aspectFill" class="centerLabel" :src="item.thumb"></image>
+                <view class="MainItemImg">
+                  <image mode="aspectFill" :src="item.thumb"></image>
+                </view>
               </navigator>
               <view class="Info">
                 <text>{{item.name}}</text>

src/pages/WoDe/MyActivityList/index.vue

@@ -23,7 +23,9 @@
             </view>
             <view class="Img">
               <view>
-                <image mode="aspectFill" class="centerLabel" :src="item.thumb"></image>
+                <view class="MainItemImg">
+                  <image mode="aspectFill" :src="item.thumb"></image>
+                </view>
               </view>
             </view>
           </navigator>

src/pages/WoDe/index.vue

@@ -7,13 +7,12 @@
       <view class="centerLabel">
         <view class="flex-h">
           <view class="Icon">
-            <image mode="widthFix" v-if="this.UserInfo === null || this.UserInfo.Icon === undefined || this.UserInfo.Icon === null" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/morentouxiang.png"></image>
-            <image mode="widthFix" v-else :src="this.UserInfo.Icon"></image>
+            <image mode="widthFix" :src="IconUrl"></image>
           </view>
           <view class="flex-item">
             <navigator url="../SignIn/index" hover-class="other-navigator-hover" class="SiginIn" v-if="UserInfo === null || UserInfo.Phone === undefined || UserInfo.Phone === null">立即登录</navigator>
             <text v-else>{{UserInfo.Name}}</text>
-            <text  v-if="!(UserInfo === null || UserInfo.Phone === undefined || UserInfo.Phone === null)">{{UserInfo.Phone}}</text>
+            <text v-if="!(UserInfo === null || UserInfo.Phone === undefined || UserInfo.Phone === null)">{{UserInfo.Phone}}</text>
           </view>
         </view>
       </view>
@@ -38,7 +37,7 @@
     </view>
 
     <!-- 授权头像获取弹窗 -->
-    <GetUserIcon></GetUserIcon>
+    <GetUserIcon @UserInfoChange="UserInfoChange"></GetUserIcon>
 
   </view>
 </template>
@@ -51,6 +50,7 @@ export default {
   name: 'WoDe',
   data () {
     return {
+      IconUrl: 'https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/morentouxiang.png',
     }
   },
   computed: {
@@ -74,6 +74,9 @@ export default {
       'EditUserInfo' // 编辑用户信息
     ]),
     Init () { // 初始化
+    },
+    UserInfoChange () {
+      this.IconUrl = this.UserInfo.Icon
     }
   }
 }