juliancheng/components/followpublic/followpublic.vue

<template>
	<view :class="modalName=='Image'?'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 {
				modalName: "Image"
			}
		},
		props: {

		},
		methods: {
			showModal(e) {
				this.modalName = e.currentTarget.dataset.target
			},
			hideModal(e) {
				this.modalName = null
			},
		}
	}
</script>

<style>
</style>