reverse-back.vue 674 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <view class="reverse-back-box" @click.stop="reverseBackBtn">
  3. <text class="iconfont" :style="{'color': iconColor}">&#xe603;</text>
  4. </view>
  5. </template>
  6. <script>
  7. import { reverseBack } from "@/utils/common.js"
  8. export default {
  9. name: 'reverse-back',
  10. props:{
  11. iconColor:{
  12. type:String,
  13. default:'#000'
  14. },
  15. path:{
  16. type:String,
  17. default:''
  18. }
  19. },
  20. data() {
  21. return {
  22. };
  23. },
  24. methods: {
  25. reverseBackBtn() {
  26. reverseBack(this.path)
  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. height: 100%;
  38. font-size: 32rpx;
  39. }
  40. </style>