列表渲染

src/app.scss

       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

       <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>
   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

                   success (subRes) {
                     _that.EditUserInfo({ name: 'Icon', value: subRes.userInfo.avatarUrl })
                     _that.EditUserInfo({ name: 'Name', value: subRes.userInfo.nickName })
+                    _that.$emit('UserInfoChange')
                   }
                 })
               }
             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

             </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

         <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

             <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>
             </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'
   },
   components: {
     ScrollY,
-    BannerSwiper
+    BannerSwiper,
+    GetUserIcon
   },
   created () {
     this.$authed(() => {
       }).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

         </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'
   },
   components: {
     ScrollY,
-    BannerSwiper
+    BannerSwiper,
+    GetUserIcon
   },
   created () {
     this.$authed(() => {

src/pages/HuiShengHuo/ActivityList/index.vue

           <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

             <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>
           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

               <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>
           <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

             </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

       <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>
     </view>
 
     <!-- 授权头像获取弹窗 -->
-    <GetUserIcon></GetUserIcon>
+    <GetUserIcon @UserInfoChange="UserInfoChange"></GetUserIcon>
 
   </view>
 </template>
   name: 'WoDe',
   data () {
     return {
+      IconUrl: 'https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/morentouxiang.png',
     }
   },
   computed: {
       'EditUserInfo' // 编辑用户信息
     ]),
     Init () { // 初始化
+    },
+    UserInfoChange () {
+      this.IconUrl = this.UserInfo.Icon
     }
   }
 }