s-wallet-card.vue 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. <template>
  2. <<<<<<< HEAD
  3. <view class="ss-wallet-menu-wrap ss-flex ss-col-center">
  4. <view class="menu-item ss-flex-1 ss-flex-col ss-row-center ss-col-center"
  5. @tap="sheep.$router.go('/pages/user/wallet/money')">
  6. <view class="value-box ss-flex ss-col-bottom">
  7. <view class="value-text ss-line-1">{{ userInfo.money }}</view>
  8. <view class="unit-text ss-m-l-6">元</view>
  9. </view>
  10. <view class="menu-title ss-m-t-28">账户余额</view>
  11. </view>
  12. <!-- <view class="menu-item ss-flex-1 ss-flex-col ss-row-center ss-col-center"
  13. =======
  14. <view class="ss-wallet-menu-wrap ss-flex ss-col-center">
  15. <view
  16. class="menu-item ss-flex-1 ss-flex-col ss-row-center ss-col-center"
  17. @tap="sheep.$router.go('/pages/user/wallet/money')"
  18. >
  19. <view class="value-box ss-flex ss-col-bottom">
  20. <view class="value-text ss-line-1">{{ userInfo.money || '0.00' }}</view>
  21. <view class="unit-text ss-m-l-6">元</view>
  22. </view>
  23. <view class="menu-title ss-m-t-28">账户余额</view>
  24. </view>
  25. <!-- <view class="menu-item ss-flex-1 ss-flex-col ss-row-center ss-col-center"
  26. >>>>>>> 6251ffa9944516e995002e7f11539aef3e1d50de
  27. @tap="sheep.$router.go('/pages/user/wallet/commission')">
  28. <view class="value-box ss-flex ss-col-bottom">
  29. <view class="value-text">{{ userInfo?.commission || '0.00' }}</view>
  30. <view class="unit-text ss-m-l-6">元</view>
  31. </view>
  32. <view class="menu-title ss-m-t-28">佣金</view>
  33. </view> -->
  34. <<<<<<< HEAD
  35. <view class="menu-item ss-flex-1 ss-flex-col ss-row-center ss-col-center"
  36. @tap="sheep.$router.go('/pages/user/wallet/score')">
  37. <view class="value-box ss-flex ss-col-bottom">
  38. <view class="value-text">{{ userInfo.point }}</view>
  39. <view class="unit-text ss-m-l-6">个</view>
  40. </view>
  41. <view class="menu-title ss-m-t-28">积分</view>
  42. </view>
  43. <view class="menu-item ss-flex-1 ss-flex-col ss-row-center ss-col-center" @tap="
  44. sheep.$router.go('/pages/coupon/list', {
  45. type: 'geted',
  46. })
  47. ">
  48. <view class="value-box ss-flex ss-col-bottom">
  49. <view class="value-text">{{ numData.coupons_num }}</view>
  50. <view class="unit-text ss-m-l-6">张</view>
  51. </view>
  52. <view class="menu-title ss-m-t-28">优惠券</view>
  53. </view>
  54. <view class="menu-item ss-flex-col ss-row-center ss-col-center menu-wallet"
  55. @tap="sheep.$router.go('/pages/user/wallet/money')">
  56. <image class="item-icon" :src="sheep.$url.static('/static/img/shop/user/wallet_icon.png')" mode="aspectFit">
  57. </image>
  58. <view class="menu-title ss-m-t-30">我的钱包</view>
  59. </view>
  60. </view>
  61. =======
  62. <view
  63. class="menu-item ss-flex-1 ss-flex-col ss-row-center ss-col-center"
  64. @tap="sheep.$router.go('/pages/user/wallet/score')"
  65. >
  66. <view class="value-box ss-flex ss-col-bottom">
  67. <view class="value-text">{{ userInfo.score || 0 }}</view>
  68. <view class="unit-text ss-m-l-6">个</view>
  69. </view>
  70. <view class="menu-title ss-m-t-28">积分</view>
  71. </view>
  72. <view
  73. class="menu-item ss-flex-1 ss-flex-col ss-row-center ss-col-center"
  74. @tap="
  75. sheep.$router.go('/pages/coupon/list', {
  76. type: 'geted',
  77. })
  78. "
  79. >
  80. <view class="value-box ss-flex ss-col-bottom">
  81. <view class="value-text">{{ numData.coupons_num || 0 }}</view>
  82. <view class="unit-text ss-m-l-6">张</view>
  83. </view>
  84. <view class="menu-title ss-m-t-28">优惠券</view>
  85. </view>
  86. <view
  87. class="menu-item ss-flex-col ss-row-center ss-col-center menu-wallet"
  88. @tap="sheep.$router.go('/pages/user/wallet/money')"
  89. >
  90. <image
  91. class="item-icon"
  92. :src="sheep.$url.static('/static/img/shop/user/wallet_icon.png')"
  93. mode="aspectFit"
  94. >
  95. </image>
  96. <view class="menu-title ss-m-t-30">我的钱包</view>
  97. </view>
  98. </view>
  99. >>>>>>> 6251ffa9944516e995002e7f11539aef3e1d50de
  100. </template>
  101. <script setup>
  102. /**
  103. * 装修组件 - 订单菜单组
  104. */
  105. import {
  106. computed,
  107. ref
  108. } from 'vue';
  109. import sheep from '@/sheep';
  110. const userInfo = computed(() => sheep.$store('user').userInfo);
  111. const numData = computed(() => sheep.$store('user').numData);
  112. </script>
  113. <style lang="scss" scoped>
  114. .ss-wallet-menu-wrap {
  115. .menu-wallet {
  116. width: 144rpx;
  117. }
  118. .menu-item {
  119. height: 160rpx;
  120. .menu-title {
  121. font-size: 24rpx;
  122. line-height: 24rpx;
  123. color: #333333;
  124. }
  125. .item-icon {
  126. width: 44rpx;
  127. height: 44rpx;
  128. }
  129. .value-box {
  130. height: 50rpx;
  131. text-align: center;
  132. .value-text {
  133. font-size: 28rpx;
  134. color: #000000;
  135. line-height: 28rpx;
  136. vertical-align: text-bottom;
  137. font-family: OPPOSANS;
  138. }
  139. .unit-text {
  140. font-size: 24rpx;
  141. color: #343434;
  142. line-height: 24rpx;
  143. }
  144. }
  145. }
  146. }
  147. </style>