me.wxml 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!-- pages/me/me.wxml -->
  2. <view class="containerss">
  3. <!-- 用户信息 -->
  4. <view class="user-info">
  5. <!-- <image class="avatar" src="{{userInfo.avatar}}" mode="aspectFill"></image> -->
  6. <view class="avatar"></view>
  7. <!-- <image style="width: 35rpx;height: 35rpx;margin-left: 20rpx;" src="{{xiangjiimg}}" mode=""/> -->
  8. <view class="info">
  9. <view style="display: flex; align-items: center;">
  10. <text class="name">{{userInfo.name}}</text>
  11. <image bindtap="goToGoodsLists" style="width: 35rpx;height: 35rpx;margin-left: 20rpx;" src="{{xiugaiimg}}" mode=""/>
  12. </view>
  13. <view class="info_view2">
  14. 阳光幼儿园
  15. </view>
  16. </view>
  17. </view>
  18. <!-- 绑定手机号 -->
  19. <view class="phone-binding">
  20. <text style="margin-right: 20rpx;">绑定手机号:{{userInfo.phone ? userInfo.phone : '未绑定'}}</text>
  21. <navigator url="/subpackages/changephone/changephone" open-type="navigate" wx:if="{{userInfo.phone}}">更改手机号</navigator>
  22. </view>
  23. <!-- 订单状态 -->
  24. <view class="order-status">
  25. <view class="status-item" wx:for="{{orderStatus}}" wx:key="index">
  26. <view style="display: flex; align-items: center; flex-direction: column;" bindtap="goToGoodsList" data-type="{{ item.type }}">
  27. <view class="circle">
  28. <image style="width: 100%; height: 100%;" src="{{item.url}}" mode=""/>
  29. </view>
  30. <view style="margin-top: 16rpx;">{{item.text}}</view>
  31. </view>
  32. </view>
  33. </view>
  34. <!-- 购买历史 -->
  35. <view class="history">
  36. <view class="title">
  37. <text>购买历史</text>
  38. <navigator url="/subpackages/purchasehistory/purchasehistory" open-type="navigate">查看更多</navigator>
  39. </view>
  40. <view class="items">
  41. <block wx:for="{{historyItems}}" wx:key="id">
  42. <view class="item">
  43. <!-- <image mode="aspectFill"></image> -->
  44. <view class="thumbnail"></view>
  45. <view class="details">
  46. <view class="name">{{item.name}}</view>
  47. <view class="date">{{item.date}}</view>
  48. </view>
  49. <!-- <view class="xiazai_img">
  50. <image class="search-icon" src="../../image/imgs/xiazai.png" />
  51. </view> -->
  52. </view>
  53. </block>
  54. </view>
  55. </view>
  56. <!-- 用户注销 -->
  57. <button class="logout-btn" size="default" bindtap="handleLogout">用户注销</button>
  58. <!-- <custom-tabbar role="{{role}}" selected="{{2}}" /> -->
  59. </view>