bang-wechat-applet/pages/mine/mine.wxml

<!--pages/mine/mine.wxml-->
<view class="person">
  <view class="person_head">
    <image src="../../images/man.jpg"></image>
  </view>
  <view class="person_name">
    <view>温暖的阳光</view>
    <view>id:123456</view>
  </view>
  <view class="person_love">
    <image src="../../images/love.png"></image>
    <text>22</text>
  </view>
</view>

<view class="otherlove" hover-class="hover" bindtap="toAttention1">
  <view class="other_icon">
    <image src="../../images/otherlove.png"></image>
  </view>
  <view class="other_title">喜欢您子女的人</view>
  <view class="other_arrow">
    <view class="other_head">
      <image wx:for="{{3}}" wx:key="{{index}}" class="love_head" src="../../images/00.jpeg"></image>
    </view>
    <image class="arrow" src="../../images/arrow_right.png"></image>
  </view>
</view>

<view class="otherlove" hover-class="hover" bindtap="toAttention">
  <view class="other_icon">
    <image src="../../images/loveme.png"></image>
  </view>
  <view class="other_title">您喜欢过的子女</view>
  <view class="other_arrow">
    <view class="other_head">
      <image wx:for="{{3}}" wx:key="{{index}}" class="love_head" src="../../images/00.jpeg"></image>
    </view>
    <image class="arrow" src="../../images/arrow_right.png"></image>
  </view>
</view>

<view class="item" hover-class="hover" bindtap="toVip">
  <view class="item_icon">
    <image src="../../images/zheng.png"></image>
  </view>
  <view class="item_title">认证服务支持</view>
  <view class="item_arrow">
    <image src="../../images/arrow_right.png"></image>
  </view>
</view>

<view class="item" hover-class="hover" bindtap="toExplain">
  <view class="item_icon">
    <image src="../../images/msg.png"></image>
  </view>
  <view class="item_title">服务说明</view>
  <view class="item_arrow">
    <image src="../../images/arrow_right.png"></image>
  </view>
</view>

<view class="item" hover-class="hover">
  <view class="item_icon">
    <image src="../../images/phone.png"></image>
  </view>
  <view class="item_title">手机号</view>
  <view class="item_arrow">
    <image src="../../images/arrow_right.png"></image>
  </view>
</view>

<view class="item" hover-class="hover">
  <view class="item_icon">
    <image src="../../images/wechat.png"></image>
  </view>
  <view class="item_title">微信号</view>
  <view class="item_arrow">
    <image src="../../images/arrow_right.png"></image>
  </view>
</view>

<view class="vipMsg" wx:if="{{ifvip}}">
  <view class="vipMsg_bg" bindtap="closevipMsg"></view>
  <view class="vipMsg_box">
    <view class="vipMsg_close">
      <image src="../../images/close.png" bindtap="closevipMsg"></image>
    </view>
    <view class="vipMsg_icon">
      <image src="../../images/ha.png"></image>
    </view>
    <view class="vipMsg_msg">只对支持平台服务者可见</view>
    <view class="vipMsg_btn" hover-class="hover" bindtap="toVip">立即支持</view>
  </view>
</view>