close.vue 614 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <template>
  2. <view class="reverse-back-box" @click.stop="reverseBackBtn">
  3. <text class="iconfont" :style="{'color': iconColor}">&#xeca0;</text>
  4. </view>
  5. </template>
  6. <script>
  7. import { reverseBack } from "@/utils/common.js"
  8. export default {
  9. props:{
  10. iconColor:{
  11. type:String,
  12. default:'#000'
  13. }
  14. },
  15. data() {
  16. return {
  17. };
  18. },
  19. methods:{
  20. reverseBackBtn(){
  21. reverseBack()
  22. }
  23. }
  24. }
  25. </script>
  26. <style lang="scss" scoped>
  27. .reverse-back-box {
  28. width: 50rpx;
  29. height: 50rpx;
  30. display: flex;
  31. align-items: center;
  32. height: 100%;
  33. .iconfont{
  34. font-size: 40rpx;
  35. }
  36. }
  37. </style>