juliancheng/components/follow-qrcode/follow-qrcode.vue

<template>
	<view :class="show ? 'show cu-modal ':'cu-modal'">
		<view class="cu-dialog">
			<view class="">
				<view class="cu-bar justify-center text-white">
					<view class="text-xxl text-bold flex-sub" style="color: #FBC600;margin-left: 60rpx;">
						扫码关注公众号
					</view>
					<view class="action" @click="hideModal">
						<text class="cuIcon-close text-black"></text>
					</view>
				</view>
				<image src="https://zhengda.oss-cn-chengdu.aliyuncs.com/juyin/static/index/code.jpg" style="width: 350rpx;" mode="widthFix"></image>
			</view>
			<view class="cu-bar bg-white flex-direction padding-tb-xs">
				<view class="action margin-0 flex-sub  solid-left" style="margin: 0;">长按识别 关注公众号</view>
				<view class="action margin-0 flex-sub  solid-left" style="margin: 0;">获取更多的征信修复咨询</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		props: {
            show: {
                type: Boolean,
                default: false
            }
		},
		methods: {
			hideModal(e) {
				//this.show = false //这行去掉 不能直接改变props中参数的值
                this.$emit('hide', this.show);
			},
		}
	}
</script>

<style>
</style>