<script setup>
import { ref } from "vue";
import { router } from "../../utils/router";
const x = ref(0);
const y = ref(0);

const onClick = () => {
  router.push("/pages/contant/index");
};
</script>
<template>
  <movable-area style="width: 112rpx">
    <movable-view
      :x="x"
      :y="y"
      direction="all"
      @change="onChange"
      class="contact"
    >
      <image class="contact-img" @click="onClick" />
    </movable-view>
  </movable-area>
</template>

<style lang="scss" scoped>
@import "@/uni.scss";
.contact {
  color: $uni-primary;
  font-size: 28rpx;
  background: transparent;
  padding: 0;
  margin: 0;
  &::after {
    border: 0; // 或者 border: none;
  }

  .contact-img {
    background: url("https://openwork-oss.oss-cn-shenzhen.aliyuncs.com/uploads/question/2025/05/jWjoCzJjk3DqjcGpHoJXYAUU5MXykAyWjF2UGgGO.png")
      no-repeat center center;
    background-size: cover;
    width: 144rpx;
    height: 150rpx;
  }
}
</style>
