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