ittwxcust/pages/my/my.wxml

<!--pages/my/my.wxml-->
<view class="my-content">
  <view class="top my-info ittflex">
    <view class="main-info ittflex-jcb">
      <view class="left-con ittflex-jcs">
        <view class="avatar ittflex">
          <image class="image-ac" src="{{appHeadImg}}"></image>
        </view>
        <text class="username">{{appUserName}}</text>
      </view>
      <view class="right-con">
        <view class="check-count">
          <text class="noraltext">检测机会：</text>
          <text class="boldtext">{{count}}</text>
          <text class="noraltext">次</text>
        </view>
        <view class="action-btn ittflex-jcs">
          <view class="appoin-btn ittflex" bindtap="handleCharge">去充值</view>
          <view wx:if="{{count !== 0}}" style="margin-left:10rpx;"  class="appoin-btn ittflex" bindtap="handleAppoint">立即预约</view>
        </view>
      </view>
    </view>
  </view>
  <view class="my-grid">
    <van-grid column-num="3" border="{{ false }}">
      <van-grid-item use-slot wx:for="{{gridList}}" wx:key="index" data-url="{{item.url}}" bindtap="handleNavTo">
        <image class="image-icon" src="{{item.imgUrl}}"></image>
        <text class="desc">{{item.title}}</text>
      </van-grid-item>
    </van-grid>
  </view>
  <view class="bottom-actions" wx:if="{{imageList.length !== 0}}">
    <view class="b-title">小课堂</view>
    <view class="images">
      <image mode="widthFix" class="imageitem" wx:for="{{imageList}}" wx:key="index" src="{{item.imgUrl}}"></image>
    </view>
  </view>
</view>