CustomerService.vue 960 B

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