显示用户信息

.eslintrc.js

@@ -9,7 +9,7 @@ module.exports = {
     node: true,
     es6: true
   },
-  extends: ['plugin:vue/recommended', 'eslint:recommended'],
+  extends: ['plugin:vue/essential', 'eslint:recommended'],
 
   // add your custom rules here
   //it is base on https://github.com/vuejs/eslint-config-vue

src/views/account/index.vue

@@ -1,6 +1,7 @@
 <!-- home.vue  -->
 <template>
   <div class="app-container">
+    <template v-if="{{ vipInfo }}">
       <div class="user-info-container">
         <div class="user-info-warpper">
           <div class="user-info">
@@ -41,11 +42,11 @@
           </van-cell>
         </van-cell-group>
       </div>
+    </template>
     <!-- 绑定手机 -->
     <msg-code :visible="codeVisible" @close="closeCodePop"></msg-code>
     <!-- 二维码 -->
     <qrcode-popup :visible="qrcodeVisible" :src="qrSrc" :title="qrTitle" :tips="qrTips" @close="()=>{ qrcodeVisible = false }">
-
     </qrcode-popup>
   </div>
 </template>
@@ -63,7 +64,7 @@ export default {
     'qrcode-popup': QrCodePopup,
     'qrcode': VueQrcode
   },
-  data () {
+  data() {
     return {
       qrcodeVisible: false,
       codeVisible: false,
@@ -77,12 +78,12 @@ export default {
   },
   computed: {
   },
-  mounted () {
+  mounted() {
     this.init()
   },
   methods: {
     // 获取初始数据
-    init () {
+    init() {
       // 获取全部的会员信息
       getAccountInfo().then(res => {
         this.vipInfo = res.data.vipUserInfo
@@ -95,7 +96,7 @@ export default {
         }
       })
     },
-    closeCodePop () {
+    closeCodePop() {
       this.codeVisible = false
       // 点击入场券进入的 绑定完之后弹出入场券
       if (this.access === '1') {
@@ -103,7 +104,7 @@ export default {
       }
     },
     // 展示会员二维码
-    showUserQrcode () {
+    showUserQrcode() {
       this.qrSrc = this.vipInfo.userPhone
       this.qrTitle = '小蚁货仓会员码'
       this.qrTips = '<p>会员码用于会员储值及支付</p> <p>请勿随意泄漏给</p>'
@@ -111,7 +112,7 @@ export default {
     },
 
     // 获取门禁二维码值
-    doorAccessKey () {
+    doorAccessKey() {
       this.qrTitle = '小蚁货仓入场券'
       this.qrTips = '<p>凭入场券二维码入场</p>'
       // 如果不存在入场券
@@ -207,7 +208,7 @@ h1 {
     }
   }
   &:after {
-    content: "";
+    content: '';
     width: 425px;
     height: 75px;
     background: #fff;
@@ -227,8 +228,7 @@ h1 {
     height: 19px;
     margin-right: 10px;
     display: inline-block;
-    background: url("../../assets/images/account/s-ticket@2x.png") no-repeat
-      center center;
+    background: url('../../assets/images/account/s-ticket@2x.png') no-repeat center center;
     background-size: cover;
   }
   .icon-coupon {
@@ -236,8 +236,7 @@ h1 {
     height: 15px;
     margin-right: 10px;
     display: inline-block;
-    background: url("../../assets/images/account/s-conpon@2x.png") no-repeat
-      center center;
+    background: url('../../assets/images/account/s-conpon@2x.png') no-repeat center center;
     background-size: cover;
   }
   .coupon-number {