gypsy-crm-frontend-vu/pages/customer/components/KycPopup.vue

<template>
    <cwg-popup v-model:visible="visible" type="center" :mask-click="false" :showFooters="true" :showClose="false">
        <view class="popup-content">
            <view class="icon">
                <cwg-icon name="verified" :size="80" color="#009933" />
            </view>
            <view class="des2">{{ t('ApplicationDialog.Des11') }}</view>
            <QrCode :text="qrText" />
        </view>
        <template #footer>
            <button type="primary" @click="close">{{ t('Btn.Confirm') }}</button>
        </template>
    </cwg-popup>
</template>

<script setup>
import { computed } from 'vue';
import { useI18n } from 'vue-i18n';
import QrCode from '@/components/QrCode.vue'; // 假设存在

const props = defineProps({
    visible: { type: Boolean, default: false },
    qrText: { type: String, default: '' }
});
const emit = defineEmits(['update:visible']);

const { t } = useI18n();
const visible = computed({
    get: () => props.visible,
    set: (val) => emit('update:visible', val)
});
const close = () => { visible.value = false; };
</script>

<style lang="scss" scoped>
@import "@/uni.scss";

.popup-content {
    text-align: center;
    padding: px2rpx(20);
}

.icon {
    font-size: px2rpx(48);
    margin-bottom: px2rpx(16);
}

.des1,
.des2 {
    font-size: px2rpx(18);
    font-weight: bold;
    margin: px2rpx(20) 0;
}
</style>