my.wxml 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!--pages/my/my.wxml-->
  2. <view class="my-content">
  3. <view class="top my-info ittflex">
  4. <view class="main-info ittflex-jcb">
  5. <view class="left-con ittflex-jcs">
  6. <view class="avatar ittflex">
  7. <image class="image-ac" src="{{appHeadImg}}"></image>
  8. </view>
  9. <text class="username">{{appUserName}}</text>
  10. </view>
  11. <view class="right-con">
  12. <view class="check-count">
  13. <text class="noraltext">检测机会:</text>
  14. <text class="boldtext">{{count}}</text>
  15. <text class="noraltext">次</text>
  16. </view>
  17. <view class="action-btn ittflex-jcs">
  18. <view class="appoin-btn ittflex" bindtap="handleCharge">去充值</view>
  19. <view wx:if="{{count !== 0}}" style="margin-left:10rpx;" class="appoin-btn ittflex" bindtap="handleAppoint">立即预约</view>
  20. </view>
  21. </view>
  22. </view>
  23. </view>
  24. <view class="my-grid">
  25. <van-grid column-num="3" border="{{ false }}">
  26. <van-grid-item use-slot wx:for="{{gridList}}" wx:key="index" data-url="{{item.url}}" bindtap="handleNavTo">
  27. <image class="image-icon" src="{{item.imgUrl}}"></image>
  28. <text class="desc">{{item.title}}</text>
  29. </van-grid-item>
  30. </van-grid>
  31. </view>
  32. <van-overlay show="{{ overshow }}">
  33. <view class="wrapper ittflex">
  34. <view class="userinfo-auth-modal">
  35. <view class="modal-title">申请权限</view>
  36. <view class="px-border"></view>
  37. <view class="app-logo">
  38. <image class="logopng" src="../../imaes/logo1@2x.png"></image>
  39. </view>
  40. <view class="auth-text">
  41. 小程序申请授权你的公开信息(昵称,头像)
  42. </view>
  43. <button class="confirm auth-btn" bindtap="getUserinfo">点击授权</button>
  44. </view>
  45. </view>
  46. </van-overlay>
  47. </view>