首页背景图

src/project/fengdu/AppMine/myHarvestQR.vue

@@ -4,14 +4,15 @@
     :background="backgroundNavbar" :title-bold="true"></u-navbar>
     <div class="card">
       <div class="myself">
-        <img class="avatar" src="https://cdn.cunwuyun.cn/dvcp/myFamily/tx.png" alt="">
+        <img class="avatar" :src="user.avatarUrl" alt="" v-if="user.avatarUrl">
+        <img class="avatar" src="https://cdn.cunwuyun.cn/dvcp/myFamily/tx.png" alt="" v-else>
         <div class="info">
-          <div class="name">百里守约</div>
-          <div class="area">百地社区</div>
+          <div class="name">{{ user.nickName }}</div>
+          <div class="area">{{ user.areaName }}</div>
         </div>
       </div>
       <div class="qr">
-        <img src="https://cdn.cunwuyun.cn/dvcp/myFamily/tx.png" alt="">
+        <img :src="qrCode" alt="">
       </div>
 
       <div class="my-qr">我的丰收码</div>
@@ -24,6 +25,7 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
 export default {
   name: "AppHarvestQR",
   appName: '丰收码',
@@ -32,14 +34,25 @@ export default {
     return {
       backgroundNavbar: {
         background: '#FFF'
-      }
+      },
+      qrCode: '',
     }
   },
   methods: {
-
+    getQrCode() {
+      this.$instance.post('/app/appwechatuserqujing/queryMyQrCode').then(res=> {
+        if(res?.data) {
+          this.qrCode = res.data
+        }
+      })
+    }
   },
-  onShow() {
+  computed: {
+    ...mapState(['user'])
   },
+  onLoad() {
+    this.getQrCode()
+  }
 }
 </script>
 
@@ -51,7 +64,6 @@ export default {
     width: 100%;
     height: 100%;
     box-sizing: border-box;
-    background: #FFF;
     border-radius: 16px;
 
     .myself {