program/src/pages/user_center/vip_code/index.vue

<template>
  <div class="uc_vip_code_container">
    <div class="card text-center padding-top-xl">
      <view class="user margin-xl">
        <view class="up">
          <view class="left">
            <img :src="userinfo.portrait"/>
            <view>
              <text>
                <text>{{ userinfo.user_name }}</text>
              </text>
              <text>{{ userinfo.level_name }} 有效期至 {{ userinfo.validity_time }}</text>
            </view>
          </view>
        </view>
      </view>
      <img src="https://img.shuimuai.com/web/demo_code.png" class="qrcode margin-xl" alt="">
<!--      <view class="text-center">-->
<!--        <text class="text-normal ">{{ invite_code }}</text>-->
<!--      </view>-->
    </div>
  </div>
</template>

<script>
import utils from '@/utils/index'

var $this
export default {
  name: "uc_vip_code_container",
  components: {},
  data() {
    return {
      userinfo: {},
      invite_code: ""
    }
  },
  methods: {}
  ,
  mounted() {
  },
  created() {
    $this = this;
  },
  onLoad() {
    $this.userinfo = wx.getStorageSync('userinfo')
    $this.invite_code = wx.getStorageSync('code')

  }
}
</script>

<style scoped>
@import "index.css";
</style>