<template>
  <div class="uc_container">
    <view class="head"></view>
    <img class="bianji" src="https://img.shuimuai.com/m_btn_bianji%402x.png" @click="to_edit"/>
    <view class="user">
      <view class="up">
        <view class="left">
          <img src="https://img.shuimuai.com/weixintouxiang.png"/>
          <view>
            <text>
              <text>小疯兔</text>
            </text>
            <text>普通会员 有效期至 2020.11.11</text>
          </view>
        </view>
        <view class="right">
          <img src="https://img.shuimuai.com/m_icon_xiaoxi%402x.png"/>
          <text>消息中心</text>
        </view>
      </view>
      <view class="down">
        <view>0</view>
        <view>
          <img src="https://img.shuimuai.com/m_icon_jifen%402x.png"/>
          <text>积分</text>
        </view>
      </view>
    </view>
    <view class="detail">
      <view>
        <view>80</view>
        <view>可用时长（分钟）</view>
      </view>
      <view>
        <view>20</view>
        <view>体验券</view>
      </view>
      <view>
        <view>80</view>
        <view>次卡</view>
      </view>
    </view>
    <view class="detail">
      <!--      会员码-->
      <img src="https://img.shuimuai.com/m_btn_huiyuanma%402x.png" @click="to_vip_code"/>
      <!--      会员权益-->
      <img src="https://img.shuimuai.com/m_btn_huiyuanquanyi%402x.png" @click="to_vip"/>
      <!--      加入家庭组-->
      <img src="https://img.shuimuai.com/m_btn_jiatingzu%402x.png" @click="open_scan"/>
    </view>

    <!--    菜单模块-->
    <van-cell-group class="menu">
      <van-cell title="我的订单" icon="notes-o" is-link url="/pages/user_center/orders/main"/>
      <van-cell title="代理商中心" icon="manager-o" is-link url="/pages/agent/index/main"/>
      <van-cell title="家庭组" icon="wap-home-o" is-link/>
      <van-cell title="收货地址" icon="location-o" is-link/>
      <van-cell title="联系客服" icon="service-o" is-link/>
      <van-button open-type="contact" block custom-class="contact_button" >
        <div>
          <view>
            <van-icon name="service-o"/>&nbsp;联系客服
          </view>
        </div>

      </van-button>
    </van-cell-group>
  </div>
</template>

<script>
var $this
export default {
  name: "uc_container",
  components: {},
  data() {
    return {}
  },
  methods: {
    to_edit() {
      mpvue.navigateTo({
        url: "/pages/user_center/edit/main"
      })
    },
    //跳转vip权益
    to_vip(){
      mpvue.navigateTo({
        url:"/pages/user_center/vip/main"
      })
    },
    //打开扫一扫
    open_scan(){
      mpvue.scanCode({
        onlyFromCamera:true
      })
    },
    //跳转会员码
    to_vip_code(){
      mpvue.navigateTo({
        url:"/pages/user_center/vip_code/main"
      })
    }
  }
  ,
  mounted() {
  },
  created() {
    $this = this;
  },
  onLoad() {
  }
}
</script>

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