reader/component/my/my.wxml

<!-- <wxs src="../../pages/commonWxs/format.wxs" module="format" /> -->
<template name="my">
  <view class='mine-container'>
    <view class='follow-details'>
      <view class='follow-info'>
        <view class="info-placerholder"></view>
        <view class='set-msg' wx:if="{{myData.user.user.wechatName || myData.user.wechatName }}">
          <view class='avatar-box'>
            <image class='avatar-image' src='{{ myData.user.user.avatar  || myData.user.avatar  }}'></image>
            <!-- <view class='occupation-title' wx:if="{{myData.user.user.profession}}">{{ myData.user.user.profession }}</view> -->
          </view>
          <view class='avatar-msg' bindtap="toMyEdit">
            <view class='avatar-nickname'>
              微信昵称：{{ myData.user.user.wechatName || myData.user.wechatName  }}
            </view>
            <view class='avatar-nickname'>
              宝贝昵称：{{ myData.user.user.nickName || myData.user.nickName  }}
            </view>
            <image class="edit-img" src="../../static/image/edit_new.png" />
            <view class='mine-category'>
              <view class='amount-text'>{{ myData.user.playAmount || 0 }} 播放</view>
              <!-- <view class='amount-text'>{{ myData.user.likeAmount || 0 }} 赞</view> -->
              <view class='amount-text'>{{ myData.user.fansAmount || 0 }} 粉丝</view>
            </view>
          </view>
          <!-- <view class='avatar-birthday'>{{ myData.user.user.birthday }}</view>
            <view class='avatar-address'>{{ myData.user.user.schoolName }}</view> -->
        </view>
      </view>
      <!-- ios只显示红花 -->
      <!-- <view class="only-flower" wx:if="{{myData.isIOS}}" bindtap="goToFlower">
        <view class="grey-point"></view>
        <view class="flower-amount">
          <image class="" src='../../static/image/flower_small.png' />
          <view>小红花：{{myData.user.integralAmount || 0 }}</view>
        </view>
        <view class="flower-tips" wx:if="{{myData.user.unfinishedAmount > 0}}">
          <text class="flower-last">{{myData.user.unfinishedAmount }}</text>
          个任务福利还没有完成
        </view>
        <view class="flower-tips" wx:if="{{myData.user.unfinishedAmount <= 0}}">今天任务全部完成，真棒</view>
      </view> -->
      <!-- android 显示两个 -->
      <view class="wallet-section" >
        <!-- <view class="wallet-box" bindtap="toWalletDetail">
          <view class="grey-point"></view>
          <image class="wallet-icon" src='../../static/image/wallet.png' />
          <view>钱包：{{myData.user.walletAmount / 100  || 0 }}</view>
        </view> -->
        <view class="wallet-box" bindtap="toVIPBuy">
          <view class="grey-point"></view>
          <image class="wallet-icon" src="{{myData.isIOS ? '../../static/vip/idcard.png' : '../../static/vip/small_crown.png'}}" />
          <view class="right_vip">
            <view class="vip_text">{{myData.isIOS ? '激活码激活': 'VIP会员'}}</view>
            <view class="{{myData.isVIP ? 'vip': 'grey'}}">
              {{myData.isVIP ? myData.isIOS ? '已激活': '已开通': myData.isIOS ? '立即激活': '立即开通'}}
            </view>
          </view>
        </view>
        <view class="flower-box" bindtap="goToFlower">
          <view class="grey-point"></view>
          <image class="flower-icon" src='../../static/image/flower_small.png' />
          <view class="flower-text">
            <view>小红花：{{myData.user.integralAmount || 0 }}</view>
            <view class="flower-tips-text">
              <text class="flower-last">{{myData.user.unfinishedAmount }}</text>
              个任务福利还没有完成
            </view>
          </view>
        </view>
      </view>
      <view class="btn-section">
        <view class="btn" bindtap='toMyConcern'>
          <image src="../../static/image/concern.png" />
          <view class="btn-title">我的关注</view>
        </view>
        <view class="btn" bindtap='toMyKeep' data-title='{{ myData.keep }}'>
          <image src="../../static/image/collect.png" />
          <view class="btn-title">我的收藏</view>
        </view>
        <!-- <view class="btn" bindtap='toMyCollage' data-title='{{ myData.collage }}'>
          <image src="../../static/image/firends.png" />
          <view class="btn-title">我的{{myData.isIOS? '助力' : '拼团'}}</view>
        </view> -->
        <view class="btn">
          <image src="../../static/image/message.png" bindtap="goToMessage" />
          <view class="btn-title">消息/客服</view>
        </view>
      </view>
      <view class="my-reading-section">
        <view class="my-reading-title" wx:if="{{myData.user.myRead}}">
          <view class="title-left">我的作品</view>
          <view class="title-right" bindtap="toMyRead">
            更多
            <image src="../../static/image/black_to.png" />
          </view>
        </view>
        <view class="my-reading-section-placeholder" wx:if="{{!myData.user.myRead}}">
          您还没有朗读过，快去留下声音吧
        </view>
        <view class="my-reading-gut" wx:if="{{myData.user.myRead}}">
          <view class="worksCard" style="margin-bottom: 0;" bindtap="openWorks" data-readId="{{myData.user.myRead.id}}" data-title="{{myData.user.myRead.title}}">
            <view class="topData">
              <view class="worksLeft">
                <image class="authorAvatar" lazy-load="true" src="{{myData.user.user.avatar}}" />
                <view class="profession" wx:if="{{item.profession}}">{{item.profession}}</view>
                <view class="worksInfo">
                  <view class="authorName">{{myData.user.user.wechatName}}</view>
                  <view class="time">{{myData.user.myRead.gmtCreated}}</view>
                </view>
              </view>
              <view class="numberInfo">
                <view class="wareCardPlays">
                  <image class="wareCardPlaysImg" lazy-load="true" src="../../static/image/hotPlays.png" />
                  <text>{{myData.user.myRead.playAmount}}</text>
                </view>
                <view class="wareCardLikes">
                  <image class="wareCardLikesImg" lazy-load="true" src="../../static/image/flower_small_pink.png" />
                  <text>{{myData.user.myRead.likeAmount}}</text>
                </view>
              </view>
            </view>
            <image class="wareCardImg" src="{{myData.user.myRead.iconImg}}" />
            <view class="titleSummary">
              <text class="wareCardTitle">{{myData.user.myRead.title}}</text>
              <text class="wareCardTip">{{myData.user.myRead.summary}}</text>
            </view>
          </view>
        </view>
      </view>
      <view class="my-reading-section ">
        <view class="my-reading-title">
          <view class="title-left">关注的人的作品</view>
          <!-- <view class="title-right">
            更多
            <image src="../../static/image/black_to.png" />
          </view> -->
        </view>
        <view class="my-reading-section-placeholder" wx:if="{{followData.length === 0}}">没有更多</view>
        <view class="my-reading-gut">
          <view wx:for="{{followData}}" wx:key="{{index}}" class="worksCard" bindtap="openWorks" data-readid="{{item.id}}" data-title="{{item.title}}">
            <view class="topData">
              <view class="worksLeft" catchtap="goToUsers" data-uid="{{item.uid}}">
                <image class="authorAvatar" lazy-load="true" src="{{item.avatar}}" />
                <view class="profession" wx:if="{{item.profession}}">{{item.profession}}</view>
                <view class="worksInfo">
                  <view class="authorName">{{item.nickName}}</view>
                  <view class="time">{{item.time}}</view>
                </view>
              </view>
              <view class="numberInfo">
                <view class="wareCardPlays">
                  <image class="wareCardPlaysImg" lazy-load="true" src="../../static/image/hotPlays.png" />
                  <text>{{item.plays}}</text>
                </view>
                <view class="wareCardLikes">
                  <image class="wareCardLikesImg" lazy-load="true" src="../../static/image/flower_small_pink.png" />
                  <text>{{item.likes}}</text>
                </view>
              </view>
            </view>
            <image class="wareCardImg" src="{{item.img}}" />
            <view class="titleSummary">
              <text class="wareCardTitle">{{item.title}}</text>
              <text class="wareCardTip">{{item.summary}}</text>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="footer-section" wx:if="{{ifHaveMore}}">加载更多</view>
  </view>
</template>