123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- <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>
|