account.vue 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <template>
  2. <view>
  3. <!-- #ifdef MP-WEIXIN -->
  4. <u-navbar :is-back="false" title=" " :background="{ background: '#ffffff' }" :border-bottom="false"></u-navbar>
  5. <!-- #endif -->
  6. <!-- #ifndef MP-WEIXIN -->
  7. <view class="status_bar"></view>
  8. <!-- #endif -->
  9. <u-cell-group>
  10. <u-cell-item title="微信号" :value="userData.user.username" :title-style="{ marginLeft: '10rpx' }">
  11. </u-cell-item>
  12. <u-cell-item title="手机号" :value="userData.user.mobile" :title-style="{ marginLeft: '10rpx' }">
  13. </u-cell-item>
  14. </u-cell-group>
  15. <!--<view style="height: 10rpx;"></view>
  16. <u-cell-group>
  17. <u-cell-item title="安全中心" :title-style="{ marginLeft: '10rpx' }">
  18. </u-cell-item>
  19. </u-cell-group>-->
  20. </view>
  21. </template>
  22. <script>
  23. export default {
  24. data() {
  25. return {
  26. src: 'http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg',
  27. src1:'https://taohaoliang.oss-cn-beijing.aliyuncs.com/tmp/qr_code.png',
  28. groupList: [
  29. { title: '新消息通知', color: '#409eff', icon: 'star' },
  30. { title: '隐私', color: '#409eff', icon: 'photo' },
  31. { title: '通用', color: '#409eff', icon: 'coupon' },
  32. { title: '帮助与反馈', color: '#ff9900', icon: 'heart' }
  33. ],
  34. }
  35. },
  36. methods: {
  37. }
  38. }
  39. </script>
  40. <style lang="scss" scoped>
  41. </style>