reverse-back.vue 822 B

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