exam_mp/pages/challenge/addContant.vue

<template>
  <Container
    title="添加老师咨询"
    :scrollStyle="{
      padding: 0,
    }"
  >
    <view class="bg">
      <view class="bg-1">
        <image
          src="https://openwork-oss.oss-cn-shenzhen.aliyuncs.com/uploads/question/2025/05/S8CkzXdkVdToQYvRmfs9u9hbFpx3jaiBsfIor51m.png"
          show-menu-by-longpress
          class="qrcode"
        ></image>
      </view>
    </view>
  </Container>
</template>

<script setup>
import Container from "@/components/Container/Container.vue";
</script>

<style scoped lang="scss">
.bg {
  width: 100%;
  height: 100%;
  background: url("https://openwork-oss.oss-cn-shenzhen.aliyuncs.com/uploads/question/2025/05/yz2eTeqIRv60IEe6kOQBOYlHr75wiFIpeFqrJmgZ.png");
  background-size: 100% 100%;
  padding: 216rpx 10rpx;

  .bg-1 {
    width: 730.71rpx;
    height: 841rpx;
    background: url("https://openwork-oss.oss-cn-shenzhen.aliyuncs.com/uploads/question/2025/05/cOeqNuCTmz0r5LeZnW6qnKIFZJQCC1r4FarsZS55.png");
    background-size: 100% 100%;
    position: relative;

    .qrcode {
      position: absolute;
      top: 205rpx;
      left: 141rpx;
      width: 448rpx;
      height: 448rpx;
      background-size: 100% 100%;
    }
  }
}
</style>