index.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <template>
  2. <mobile-frame>
  3. <view class="main">
  4. <view class="one">
  5. <button size="mini" @click="toCommon('pages/login/index')">登录页面</button>
  6. <button size="mini" @click="toCommon('pages/home/index')">首页</button>
  7. <button size="mini" @click="toCommon('pages/store/index')">微店</button>
  8. <button size="mini" @click="toCommon('pages/week/index')">周边</button>
  9. <button size="mini" @click="toCommon('pages/market/index')">购物车</button>
  10. <button size="mini" @click="toCommon('pages/my/index')">我的1</button>
  11. </view>
  12. <view class="two">
  13. </view>
  14. </view>
  15. </mobile-frame>
  16. </template>
  17. <script>
  18. export default {
  19. components: {},
  20. data() {
  21. return {
  22. };
  23. },
  24. onShow: function() {
  25. const that = this;
  26. // 监听用户是否登录
  27. that.watchLogin();
  28. },
  29. methods: {
  30. // 公共跳转
  31. toCommon(e) {
  32. uni.navigateTo({
  33. url: `/${e}`
  34. });
  35. },
  36. watchLogin() {
  37. uni.redirectTo({
  38. url: `/pages/home/index`
  39. })
  40. },
  41. }
  42. }
  43. </script>
  44. <style lang="scss">
  45. .main {
  46. .one {
  47. text-align: center;
  48. button {
  49. margin: 2vw;
  50. }
  51. }
  52. }
  53. </style>