reverse-back.vue 692 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <view class="reverse-back-box" @click.stop="reverseBackBtn">
  3. <text class="iconfont" :style="{'color': iconColor}">&#xe8b5;</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: 50rpx;
  34. height: 50rpx;
  35. display: flex;
  36. align-items: center;
  37. height: 100%;
  38. .iconfont{
  39. font-size: 40rpx;
  40. }
  41. }
  42. </style>