<template>
  <div class="uc_container">
    <view class="head"></view>
    <img class="bianji" src="https://img.shuimuai.com/m_btn_bianji%402x.png"/>
    <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"/>
      <img src="https://img.shuimuai.com/m_btn_huiyuanquanyi%402x.png"/>
      <img src="https://img.shuimuai.com/m_btn_jiatingzu%402x.png"/>
    </view>
    <view class="menu">
      <img src="https://img.shuimuai.com/m_icon_dingdan%402x.png"/>
      <view>我的订单</view>
      <img src="https://img.shuimuai.com/m_sign_arrow%402x.png"/>
    </view>
    <view class="menu">
      <img src="https://img.shuimuai.com/m_icon_dailishang%402x.png"/>
      <view>代理商中心</view>
      <img src="https://img.shuimuai.com/m_sign_arrow%402x.png"/>
    </view>
    <view class="menu">
      <img src="https://img.shuimuai.com/m_icon_jiatingzu%402x.png"/>
      <view>家庭组</view>
      <img src="https://img.shuimuai.com/m_sign_arrow%402x.png"/>
    </view>
    <view class="menu">
      <img src="https://img.shuimuai.com/m_icon_kefu%402x.png"/>
      <view>联系客服</view>
      <img src="https://img.shuimuai.com/m_sign_arrow%402x.png"/>
    </view>


  </div>
</template>

<script>
var $this
export default {
  name: "uc_container",
  components: {},
  data() {
    return {}
  },
  methods: {}
  ,
  mounted() {
  },
  created() {
    $this = this;
  },
  onLoad() {
  }
}
</script>

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