reverse-back.vue 617 B

123456789101112131415161718192021222324252627282930313233343536373839
  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. },
  16. data() {
  17. return {
  18. };
  19. },
  20. methods: {
  21. reverseBackBtn() {
  22. reverseBack()
  23. }
  24. }
  25. }
  26. </script>
  27. <style lang="scss" scoped>
  28. .reverse-back-box {
  29. width: 37rpx;
  30. height: 37rpx;
  31. display: flex;
  32. align-items: center;
  33. height: 100%;
  34. font-size: 32rpx;
  35. }
  36. </style>