CustomerService.vue 897 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <script setup>
  2. import { ref } from "vue";
  3. const x = ref(0);
  4. const y = ref(0);
  5. const onClick = () => {
  6. console.log(111);
  7. };
  8. </script>
  9. <template>
  10. <movable-area style="width: 112rpx">
  11. <movable-view
  12. :x="x"
  13. :y="y"
  14. direction="all"
  15. @change="onChange"
  16. class="contact"
  17. ><image class="contact-img" @click="onClick"></image
  18. ></movable-view>
  19. </movable-area>
  20. </template>
  21. <style lang="scss" scoped>
  22. @import "@/uni.scss";
  23. .contact {
  24. color: $uni-primary;
  25. font-size: 28rpx;
  26. background: transparent;
  27. padding: 0;
  28. margin: 0;
  29. &::after {
  30. border: 0; // 或者 border: none;
  31. }
  32. .contact-img {
  33. background: url("https://openwork-oss.oss-cn-shenzhen.aliyuncs.com/uploads/question/2025/05/jWjoCzJjk3DqjcGpHoJXYAUU5MXykAyWjF2UGgGO.png")
  34. no-repeat center center;
  35. background-size: cover;
  36. width: 144rpx;
  37. height: 150rpx;
  38. }
  39. }
  40. </style>