book_admin/application/kuaifen/view/public/daofen_qrcode.html

<style>
	.pop_fixed{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background:rgba(0,0,0,0.7);
		font-family:PingFang-SC-Bold,PingFang-SC;
		z-index: 999;
	}
	.pop_box{
		width: 3.15rem;
		background: #fff;
		border-radius: 0.12rem;
		position: relative;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
	}

	.pop_title{
		font-size: 0.17rem;
		font-weight: bold;
		color: rgba(66,66,66,1);
		line-height: 0.27rem;
		text-align: center;
		padding-top: 0.2rem;
	}
	.pop_img{
		width: 100%;
		text-align: center;
		margin: 0.12rem 0 0.18rem;
		font-size: 0;
	}
	.pop_img img{
		width: 1.78rem;
		height: 1.78rem;
		box-shadow: 0rem 0.02rem 0.12rem 0rem rgba(0,0,0,0.3);
		border-radius: 0.08rem;
	}
	.pop_tip{
		font-size: 0.13rem;
		color:rgba(66,66,66,1);
		line-height: 0.24rem;
		text-align: center;
	}
	.pop_btn{
		width: 100%;
		border-top: 0.01rem solid #D6D6D6;
		padding: 0.1rem 0;
		text-align: center;
		color:rgba(234,94,94,1);
		font-size: 0.18rem;
		margin-top: 0.15rem;
	}
	.pop_btn a{
		color:rgba(234,94,94,1);
		display: block;
		width: 100%;
	}
	.pop_close{
		position: absolute;
		width: 0.28rem;
		height: 0.28rem;
		background: #fff url(/assets/img/frontend/icon/cha_icon_2.png) no-repeat center center/100% 100%;
		left: 1.44rem;
		bottom: -0.58rem;
		border-radius: 100%;
	}

</style>
{if condition="$is_subscribed neq 1 && $subscribe_method eq 2 && $guid_chapter_idx && $chapter_idx >= $guid_chapter_idx && !$Think.cookie.pop_times"}
<div class="pop_fixed">
{else}
<div class="pop_fixed" style="display: none">
{/if}
	<div class="pop_box">
		<div class="pop_title">
			{if condition="$subscribe_method eq 1"}
			篇幅有限，长按关注公众号<br>
			继续阅读后续精彩内容
			{else/}
			长按关注公众号，继续阅读精彩内容
			{/if}
		</div>
		<div class="pop_img">
			<img src="{$qrcode_image}" alt="">
		</div>
		<div class="pop_tip">
			长按上图二维码3秒<br/>
			点击【前往图中包含的公众号】<br/>
			关注公众号,精彩内容继续看<br/>
		</div>
		{if condition="$subscribe_method eq 1"}
		<div class="pop_btn">关闭</div>
		{else/}
		<div class="pop_btn pop_times"><a href="{$next_link}">关闭</a></div>
		{/if}

	</div>
</div>