personal.wxml 2.44 KB
<view class="personalContainer">
  <view class="user-section">
    <image class="bg" src="/static/images/personal/bgImg2.jpg"></image>
    <view class="user-info-box">
      <view class="portrait-box">
        <image class="portrait" src='/static/images/personal/missing-face.png'></image>
      </view>
      <view class="info-box">
        <text class="username">비회원</text>
      </view>
    </view>

    <view class="vip-card-box">
      <image class="card-bg" src="/static/images/personal/vip-card-bg.png" mode=""></image>
      <view class="b-btn">
        즉시 개통
      </view>
      <view class="tit">
        <!-- 会员图标-->
        <text class="iconfont icon-huiyuan-"></text>
        DaDa회원
      </view>
      <text class="e-m">atguigu Union</text>
      <text class="e-b">회원을 개설하여 노래를 듣다</text>
    </view>
  </view>


  <view class="cover-container">
    <image class="arc" src="/static/images/personal/arc.png"></image>
    <!-- 个人中心导航 -->
    <view class="nav-section">
      <view class="nav-item"  hover-class="common-hover"  hover-stay-time="50">
        <text class="iconfont icon-xiaoxi"></text>
        <text>소식</text>
      </view>
      <view class="nav-item"   hover-class="common-hover" hover-stay-time="50">
        <text class="iconfont icon-myRecommender"></text>
        <text>나의친구 </text>
      </view>
      <view class="nav-item"  hover-class="common-hover"  hover-stay-time="50">
        <text class="iconfont icon-gerenzhuye"></text>
        <text>개인 홈페이지</text>
      </view>
      <view class="nav-item" hover-class="common-hover"  hover-stay-time="50">
        <text class="iconfont icon-gexingzhuangban"></text>
        <text>개성적인</text>
      </view>
    </view>

    <!-- 个人中心列表 -->
    <view class="personalContent">
      <view class="recentPlayContainer">
        <text class="title">최근방송</text>
        <!-- 最近播放记录 -->
      </view>

      <view class="cardList">
        <view class="card-item">
          <text class="title">나의 음악</text>
          <text class="more"> > </text>
        </view>
        <view class="card-item">
          <text class="title">나의 보존</text>
          <text class="more"> > </text>
        </view>
        <view class="card-item">
          <text class="title">나의 방송국</text>
          <text class="more"> > </text>
        </view>
      </view>
    </view>
  </view>

</view>