mine.wxml 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!--pages/mine/mine.wxml-->
  2. <view class="mine-container">
  3. <t-navbar title="我的" t-class-title="nav-title" />
  4. <scroll-view class="page-scroll__container mine-box" type="list" scroll-y style="height: calc(100vh - 180rpx); padding-bottom: calc(100rpx + env(safe-area-inset-bottom));">
  5. <view class="head-container">
  6. <view class="head-box">
  7. <t-avatar class="avatar-example" size="64px">W</t-avatar>
  8. <view class="name-box">
  9. <view class="name" wx:if="{{loaded}}">{{patient ? patient.name : '未登录'}}</view>
  10. <view class="phone" wx:if="{{loaded && phone}}">{{phone}}</view>
  11. </view>
  12. </view>
  13. <view class="image-box" catch:tap="toHealthPage">
  14. <image src="../../assets/bg/health-file.bg.png" class="health-img" />
  15. </view>
  16. </view>
  17. <view class="order-container">
  18. <view class="title">我的订单</view>
  19. <view class="content-container">
  20. <view class="content-box" catch:tap="toOrderListPage" wx:for="{{mineOrderList}}" wx:key="{{item.type}}" data-tab="{{item.tab}}">
  21. <t-badge :count="{{item.count}}" offset="{{ [2, -2] }}">
  22. <image src="{{item.url}}" class="status-img" />
  23. </t-badge>
  24. <view class="content-title">{{item.name}}</view>
  25. </view>
  26. </view>
  27. </view>
  28. <view class="knowledge-box" style="margin-top:12px">
  29. <view class="title">健康宣教</view>
  30. <view class="content-container">
  31. <view class="content-box" catch:tap="toHealthEducationPage">
  32. <view>
  33. <image src="../../assets/icon/icon_announce@3x.png" class="icon-img" />
  34. </view>
  35. <view class="content-title">宣教通知</view>
  36. </view>
  37. <view class="content-box" catch:tap="toFootPrintPage">
  38. <view>
  39. <image src="../../assets/icon/icon_footprint@3x.png" class="icon-img" />
  40. </view>
  41. <view class="content-title">我的足迹</view>
  42. </view>
  43. </view>
  44. </view>
  45. <view class="knowledge-box" style="margin-top:12px">
  46. <view class="title">知识查询</view>
  47. <view class="content-container">
  48. <view class="content-box" catch:tap="toDietTeaPage">
  49. <view>
  50. <image src="../../assets/bg/icon_tea@3x.png" class="icon-img" />
  51. </view>
  52. <view class="content-title">茶饮</view>
  53. </view>
  54. <view class="content-box" catch:tap="toDietTonicPage">
  55. <view>
  56. <image src="../../assets/bg/icon_diet@3x.png" class="icon-img" />
  57. </view>
  58. <view class="content-title">药膳</view>
  59. </view>
  60. </view>
  61. </view>
  62. <view class="container">
  63. <view class="item" catch:tap="onAddressTap">
  64. <view class="item-box">
  65. <t-icon name="location" />
  66. <text style="margin-left:10px">收货地址</text>
  67. </view>
  68. <t-icon name="chevron-right" color="#CCCCCC" size="40rpx" />
  69. </view>
  70. <view class="item" catch:tap="onConsultationTap">
  71. <view class="item-box">
  72. <t-icon name="earphone" />
  73. <text style="margin-left:10px">咨询记录</text>
  74. </view>
  75. <t-icon name="chevron-right" color="#CCCCCC" size="40rpx" />
  76. </view>
  77. <view class="item" catch:tap="onTreatmentTap" style="border-bottom:none">
  78. <view class="item-box">
  79. <t-icon name="hospital-1" />
  80. <text style="margin-left:10px">线下非药物治疗</text>
  81. </view>
  82. <t-icon name="chevron-right" color="#CCCCCC" size="40rpx" />
  83. </view>
  84. </view>
  85. </scroll-view>
  86. <view class="tabbar-container">
  87. <tabbar tabbarValue="{{tabbarValue}}" patientId="{{patient.patientId || ''}}"></tabbar>
  88. </view>
  89. </view>