reverse-back.vue 751 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <template>
  2. <view class="reverse-back-box" @click.stop="reverseBackBtn">
  3. <text class="iconfont">&#xe603;</text>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. name: 'reverse-back',
  9. data() {
  10. return {
  11. };
  12. },
  13. methods: {
  14. reverseBackBtn() {
  15. const pages = getCurrentPages()
  16. if (pages.length <= 1) {
  17. uni.reLaunch({
  18. url: '/pages/index/index'
  19. });
  20. } else {
  21. uni.navigateBack({
  22. delta: 1,
  23. fail: err => {}
  24. })
  25. }
  26. }
  27. }
  28. }
  29. </script>
  30. <style lang="scss" scoped>
  31. .reverse-back-box {
  32. width: 37rpx;
  33. height: 37rpx;
  34. display: flex;
  35. align-items: center;
  36. height: 100%;
  37. font-size: 32rpx;
  38. color: #000;
  39. // .reverse-back-icon {
  40. // width: 100%;
  41. // height: 100%;
  42. // }
  43. }
  44. </style>