index.wxml 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. <!-- pages/my/index/index.wxml -->
  2. <view class="mycontent" style="background-image: url('/assets/images/user-icon/user-bg.png');">
  3. <!-- 自定义导航栏 -->
  4. <view class="custom-navbar" style="background-image: url('/assets/images/user-icon/user-bg1.png');padding-top:{{statusBarHeightTop}}">
  5. <view class="navbar-content {{activeTitle ? 'activeTitle' : ''}}" style="padding-top:{{statusBarHeightTop}}">
  6. <view class="navbar-left">
  7. <view class="customer-service" bindtap="onCustomerServiceTap">
  8. <image src="/assets/images/user-icon/icon_kefu.png" class="service-icon"></image>
  9. <text>客服</text>
  10. </view>
  11. </view>
  12. <view class="navbar-center">
  13. <text class="navbar-title">我的</text>
  14. </view>
  15. </view>
  16. <!-- 用户信息区域 -->
  17. <view class="head">
  18. <view class="user-info-container">
  19. <view class="user-basic-info">
  20. <view class="avatar-section">
  21. <image src='{{userInfo.memberphoto?userInfo.memberphoto:(appAssetsUrl+"images/bz1_nor.png")}}' class="user-avatar" bindtap="onAvatarTap"></image>
  22. </view>
  23. <view class="user-details" wx:if="{{isLogin}}">
  24. <view class="user-name-row" bindtap="onAvatarTap">
  25. <text class="user-name">{{userInfo.vipname || '--'}}</text>
  26. <image class="vip-icon" wx:if="{{userInfo.memberState != 0 && userInfo.memberState}}" src="{{appAssetsUrl2}}wjxy/mine/vip-icon.png"></image>
  27. <image wx:if="{{userInfo.sex}}" mode="aspectFill" src="{{ userInfo.sex == '010' ? appAssetsUrl2+'wjxy/man.png' : appAssetsUrl2+'wjxy/wumen.png'}}" class="sex" />
  28. </view>
  29. <view class="user-id-row">
  30. <text class="user-id">ID: {{userInfo.id || ''}}</text>
  31. <view class="check-in" bindtap="onDailySignTap">
  32. <image src="/assets/images/user-icon/icon_6.png" class="service-icon"></image>
  33. <text>签到</text>
  34. </view>
  35. </view>
  36. </view>
  37. <view wx:if="{{!isLogin}}" bindtap="toLogin">点击登录</view>
  38. <view class="qr-code-section" bindtap="onQRCodeTap" wx:if="{{isLogin}}">
  39. <!-- <image src="{{appAssetsUrl2}}my/qrcode-icon.png" class="qr-icon"></image> -->
  40. <image src='/assets/images/user-icon/inviteCode.png' class="qr-icon"></image>
  41. <view class="qr-text">会员码</view>
  42. </view>
  43. </view>
  44. <!-- 会员升级提示 -->
  45. <view class="vip-upgrade-banner" bindtap="onVipUpgradeTap" style="background-image: url('/assets/images/user-icon/vip-upgrade-bg.png');">
  46. <view class="vip-banner-left" wx:if="{{userInfo.memberState != 0}}">
  47. <image src="/assets/images/user-icon/vip-icon.png" class="upgrade-icon"></image>
  48. <text class="upgrade-text">青雲慧 {{userInfo.cardno}}</text>
  49. </view>
  50. <view class="vip-banner-left" wx:else>
  51. <image src="/assets/images/user-icon/vip-icon.png" class="upgrade-icon"></image>
  52. <text class="upgrade-text">升级会员立享更多权益</text>
  53. </view>
  54. <view class="vip-banner-right">
  55. <text class="upgrade-btn">{{ userInfo.memberState == 0 ? '开通会员' : '升级会员' }}</text>
  56. <text class="iconfont icon-jiantou righticon"></text>
  57. </view>
  58. </view>
  59. </view>
  60. </view>
  61. </view>
  62. <!-- 主要内容区域 -->
  63. <view class="main-content">
  64. <!-- 我的积分 -->
  65. <view class="points-card">
  66. <view class="points-left">
  67. <image src="/assets/images/user-icon/user-brick.png" class="points-icon"></image>
  68. <view class="points-info" bindtap="onPointsTap">
  69. <text class="points-label">我的积分</text>
  70. <text class="points-value">{{totalScore || 0}}</text>
  71. </view>
  72. </view>
  73. <view class="points-right" bindtap="onDailySignTap">
  74. <text class="points-action">做任务</text>
  75. <text class="iconfont icon-jiantou righticon"></text>
  76. </view>
  77. </view>
  78. <!-- 我的报名 -->
  79. <view class="my-registration">
  80. <view class="section-title">我的报名</view>
  81. <view class="registration-cards">
  82. <image src="/assets/images/user-icon/user-job-icon.png" class="card-icon" bindtap="onJobRegistrationTap"></image>
  83. <image src="/assets/images/user-icon/user-activity-icon.png" class="card-icon" bindtap="onActivityRegistrationTap"></image>
  84. </view>
  85. </view>
  86. <!-- 功能菜单列表 -->
  87. <view class="menu-list">
  88. <view class="menu-item" bindtap="onStudentVerificationTap">
  89. <view class="menu-left">
  90. <image src="/assets/images/user-icon/icon_1.png" class="menu-icon"></image>
  91. <text class="menu-text">学籍认证</text>
  92. </view>
  93. <text class="iconfont icon-jiantou righticon"></text>
  94. </view>
  95. <view class="menu-item" bindtap="onMyCollectionTap">
  96. <view class="menu-left">
  97. <image src="/assets/images/user-icon/icon_3.png" class="menu-icon"></image>
  98. <text class="menu-text">我的收藏</text>
  99. </view>
  100. <text class="iconfont icon-jiantou righticon"></text>
  101. </view>
  102. <view class="menu-item" bindtap="toOrderRecord">
  103. <view class="menu-left">
  104. <image src="/assets/images/user-icon/icon_7.png" class="menu-icon"></image>
  105. <text class="menu-text">订单管理</text>
  106. </view>
  107. <text class="iconfont icon-jiantou righticon"></text>
  108. </view>
  109. <!--
  110. <view class="menu-item" bindtap="handleInvite">
  111. <view class="menu-left">
  112. <image src="/assets/images/user-icon/icon_2.png" class="menu-icon"></image>
  113. <text class="menu-text">我的邀请</text>
  114. </view>
  115. <text class="iconfont icon-jiantou righticon"></text>
  116. </view>
  117. -->
  118. <view class="menu-item" bindtap="handleMsg">
  119. <view class="menu-left">
  120. <image src="/assets/images/user-icon/icon_8.png" class="menu-icon"></image>
  121. <text class="menu-text">消息通知</text>
  122. </view>
  123. <text class="iconfont icon-jiantou righticon"></text>
  124. </view>
  125. <view class="menu-item" bindtap="onFAQTap">
  126. <view class="menu-left">
  127. <image src="/assets/images/user-icon/icon_4.png" class="menu-icon"></image>
  128. <text class="menu-text">常见问题</text>
  129. </view>
  130. <text class="iconfont icon-jiantou righticon"></text>
  131. </view>
  132. <view class="menu-item" bindtap="onMySettingsTap">
  133. <view class="menu-left">
  134. <image src="/assets/images/user-icon/icon_5.png" class="menu-icon"></image>
  135. <text class="menu-text">我的设置</text>
  136. </view>
  137. <text class="iconfont icon-jiantou righticon"></text>
  138. </view>
  139. </view>
  140. </view>
  141. </view>