settings.vue 930 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <template>
  2. <view>
  3. <scroll-view :scroll="false" :scroll-x="true" :show-scrollbar="false">
  4. <view>
  5. <u-tabs :list="tabList" @click="click" :current="3">
  6. </u-tabs>
  7. </view>
  8. </scroll-view>
  9. <view>
  10. </view>
  11. <swiper-page v-if="page === 0"></swiper-page>
  12. <view v-if="page === 1" style="padding: 0 50px;">
  13. <image style="margin: 0 auto; width: 100%;" src="../../../static/img/page/empty_view.png">
  14. </image>
  15. </view>
  16. </view>
  17. </template>
  18. <script>
  19. import swiperPage from './swiper-page.vue';
  20. import swiperNews from './swiper-news-subscription.vue';
  21. export default {
  22. components: {
  23. swiperPage,
  24. swiperNews
  25. },
  26. data() {
  27. return {
  28. tabList: [{
  29. name: '修改个人信息',
  30. }, {
  31. name: '其他',
  32. }],
  33. page: 0
  34. }
  35. },
  36. onLoad() {},
  37. onReady() {},
  38. methods: {
  39. click(item) {
  40. console.log('item', item);
  41. this.page = item.index
  42. }
  43. }
  44. }
  45. </script>
  46. <style>
  47. </style>