MoeNovaClient/components/CustomerServicePopup/CustomerServicePopup.vue

<template>
  <CustomPopup ref="customPopup">
    <view class="customerService">
      <image src="../../static/dome/er-code.png"></image>
      <view class="text">截图至相册，微信扫一扫</view>
      <view class="btn-box" @click="closeCustomPopup">知道了</view>
    </view>
  </CustomPopup>
</template>

<script>
import CustomPopup from '@/components/CustomPopup/CustomPopup.vue'

export default {
  components: { CustomPopup },
  methods: {
    closeCustomPopup() {
      this.$refs.customPopup.close()
    },
    open() {
      this.$refs.customPopup.open()
    }
  }
}
</script>

<style scoped lang="scss">
.customerService {
  width: 600rpx;
  height: 660rpx;
  background: #ffffff;
  border-radius: 14rpx;
  padding: 30rpx 70rpx;

  image {
    width: 460rpx;
    height: 460rpx;
  }

  .text {
    padding-top: 8rpx;
    padding-bottom: 26rpx;
    text-align: center;
  }

  .btn-box {
    background: #1F1F1F;
    color: #fff;
    margin: 0 auto;
    width: 244rpx;
    height: 72rpx;
    font-size: 32rpx;
    font-family: 'PingFang SC-Bold';
    background: #1F1F1F;
    border-radius: 12rpx;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
</style>