Browse Source

确权图片模糊

nieyuge 2 years ago
parent
commit
2f278a14ea
1 changed files with 6 additions and 1 deletions
  1. 6 1
      pages/toolbox/index.vue

+ 6 - 1
pages/toolbox/index.vue

@@ -21,7 +21,7 @@
 		<!-- 移动端 -->
 		<div v-if="device == 'ios' || device == '安卓'" class="mobile">
 			<div class="mobile-content">
-				<img :src="detail.postBizData.viewBgImagePath || detail.postBizData.linkImagePath" alt="" />
+				<img :class="{ blur: detail.postBizData.certNftProjectId }" :src="detail.postBizData.viewBgImagePath || detail.postBizData.linkImagePath" alt="" />
 				<div class="title">Open link on PC to use <span v-if="detail.postBizData && detail.postBizData.linkTitle">{{detail.postBizData.linkTitle}}</span></div>
 			</div>
 			<div class="area-button">
@@ -291,12 +291,17 @@ body,
 
 	.mobile {
 		.mobile-content {
+			text-align: center;
 			padding: 36px 16px 0 16px;
 
 			img {
 				width: 100%;
 				margin-bottom: 25px;
 				border-radius: 5px;
+				&.blur {
+					width: 95%;
+					filter: saturate(0.5) blur(6px);
+				}
 			}
 
 			.title {