user.vue 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <template>
  2. <view class="container">
  3. <view class="top">
  4. <view class="bg">
  5. <image class="imgBg" src="../../static/img/user-bg.png" mode=""></image>
  6. </view>
  7. </view>
  8. <uni-list>
  9. <uni-list-item title="我的钱包" @click="navTo('/pages/money/wallet')" thumb="/static/icon/img11.png"></uni-list-item>
  10. <uni-list-item title="我的卡卷" @click="navTo('/pages/user/coupon')" thumb="/static/icon/img12.png"></uni-list-item>
  11. <uni-list-item title="我的收藏" @click="navTo('/pages/user/favorites')" thumb="/static/icon/img02.png"></uni-list-item>
  12. <uni-list-item title="商户入驻" @click="navTo('/pages/set/address')" thumb="/static/icon/img05.png"></uni-list-item>
  13. <uni-list-item title="邀请好友" @click="navTo('/pages/user/shareQrCode')" thumb="/static/icon/img10.png"></uni-list-item>
  14. <uni-list-item title="关于我们" @click="navTo('/pages/shareQrCode/index')" thumb="/static/icon/img09.png"></uni-list-item>
  15. </uni-list>
  16. </view>
  17. </template>
  18. <script>
  19. import { mapState, mapMutations } from 'vuex';
  20. import uniList from '@/components/uni-list/uni-list.vue';
  21. import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
  22. import { orderData, userinfo } from '@/api/user.js';
  23. import { saveUrl, interceptor } from '@/utils/loginUtils.js';
  24. let startY = 0,
  25. moveY = 0,
  26. pageAtTop = true;
  27. export default {
  28. components: {
  29. uniList,
  30. uniListItem
  31. },
  32. data() {
  33. return {
  34. };
  35. },
  36. onShow() {
  37. // 判断是否已经登录
  38. if (this.hasLogin) {
  39. this.loadBaseData();
  40. }
  41. },
  42. computed: {
  43. ...mapState('user', ['userInfo', 'orderInfo', 'hasLogin'])
  44. },
  45. methods: {
  46. ...mapMutations('user', ['setUserInfo', 'setOrderInfo']),
  47. }
  48. };
  49. </script>
  50. <style lang="scss">
  51. page {
  52. height: 100%;
  53. }
  54. .container {
  55. height: 100%;
  56. background-color: $page-color-base;
  57. }
  58. .top {
  59. width: 100%;
  60. height: 319px;
  61. }
  62. </style>