48 lines
1.2 KiB
Vue
48 lines
1.2 KiB
Vue
<script setup>
|
||
import {onMounted} from "vue";
|
||
import XModal from "./XModal.vue";
|
||
import XQrCode from "./XQrCode.vue";
|
||
|
||
const show = defineModel('show');
|
||
|
||
onMounted(() => {
|
||
|
||
});
|
||
</script>
|
||
|
||
<template>
|
||
<x-modal
|
||
v-model:show="show">
|
||
<view class="px-[30rpx] py-[40rpx] relative">
|
||
<image @click="show=false" class="!w-[52rpx] !h-[52rpx] absolute top-[-110rpx] right-[calc(-100%-10rpx)]" src="/static/icons/close.png"></image>
|
||
|
||
<view class="title">关注微信公众号</view>
|
||
<view class="!mt-[24rpx] w-[320rpx] !mx-auto aspect-square">
|
||
<x-qr-code size="320rpx" :qrSize="180" content="公众号"></x-qr-code>
|
||
</view>
|
||
<view class="desc">截图后扫码，变现快人一步</view>
|
||
</view>
|
||
</x-modal>
|
||
</template>
|
||
|
||
<style lang="scss" scoped>
|
||
.title {
|
||
color: rgb(29, 33, 41);
|
||
font-size: 34rpx;
|
||
font-weight: 500;
|
||
line-height: 48rpx;
|
||
letter-spacing: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
.desc {
|
||
margin-top: 24rpx !important;
|
||
color: rgb(78, 89, 105);
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 48rpx;
|
||
letter-spacing: 0;
|
||
text-align: center;
|
||
}
|
||
</style>
|