<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="">
    </div>
  </div>
</template>

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

var $this
export default {
  name: "uc_vip_code_container",
  components: {},
  data() {
    return {
      userinfo: {}
    }
  },
  methods: {}
  ,
  mounted() {
  },
  created() {
    $this = this;
  },
  onLoad() {
    $this.userinfo = wx.getStorageSync('userinfo')
    $this.userinfo['validity_time'] = utils.formatTime($this.userinfo['validity_time'])
    $this.userinfo['level_name'] = utils.get_level_name($this.userinfo['level'])

  }
}
</script>

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