<template>
  <div class="uc_edit_container">
    <van-cell title="头像">
      <img :src="userinfo.avatar" alt="" class="avatar">
    </van-cell>
    <van-cell title="手机号" :value="userinfo.phone" is-link url="/pages/user_center/edit/confirm_phone_first/main"/>
    <van-cell title="会员码" is-link>
      <van-icon name="qr"/>
    </van-cell>
    <van-cell title="昵称" :value="userinfo.nickname"/>
    <van-cell title="性别" is-link>
      <template v-if="userinfo.gender">
        男
      </template>
      <template v-else>
        女
      </template>
    </van-cell>
    <van-cell title="生日" :value="userinfo.birthday" is-link/>
    <van-cell title="家庭组" :value="userinfo.home_group" is-link/>
    <van-cell title="推荐人" :value="userinfo.recommend"/>
  </div>
</template>

<script>
var $this
export default {
  name: "uc_edit_container",
  components: {},
  data() {
    return {
      userinfo: {
        avatar: "https://img.shuimuai.com/weixintouxiang.png",
        phone: '13722886629',
        code: "",
        nickname: "嘤嘤怪",
        gender: 1,
        birthday: "1862-02-32",
        home_group: "超级复读机",
        recommend: "莲花山云雨"
      }
    }
  },
  methods: {
  }
  ,
  mounted() {
  },
  created() {
    $this = this;
  },
  onLoad() {
  }
}
</script>

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