|
@@ -92,7 +92,9 @@
|
|
|
<div class="reader-guide-1-2"></div>
|
|
|
<div class="reader-guide-1-3"></div>
|
|
|
<div class="reader-guide-1-4">
|
|
|
- <img src="https://zhuishuyun.oss-cn-hangzhou.aliyuncs.com/static/img/uppage.png" />
|
|
|
+ <img
|
|
|
+ src="https://zhuishuyun.oss-cn-hangzhou.aliyuncs.com/static/img/uppage.png"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="reader-guide-1-5">
|
|
|
<img
|
|
@@ -100,7 +102,9 @@
|
|
|
/>
|
|
|
</div>
|
|
|
<div class="reader-guide-1-6">
|
|
|
- <img src="https://zhuishuyun.oss-cn-hangzhou.aliyuncs.com/static/img/downpage.png" />
|
|
|
+ <img
|
|
|
+ src="https://zhuishuyun.oss-cn-hangzhou.aliyuncs.com/static/img/downpage.png"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="reader-guide-1-7"></div>
|
|
|
<div class="reader-guide-1-8"></div>
|
|
@@ -113,10 +117,24 @@
|
|
|
@click="new_reader_guide2 = false"
|
|
|
class="reader-guide-2"
|
|
|
>
|
|
|
- <img src="https://zhuishuyun.oss-cn-hangzhou.aliyuncs.com/static/img/readremind.png" />
|
|
|
+ <img
|
|
|
+ src="https://zhuishuyun.oss-cn-hangzhou.aliyuncs.com/static/img/readremind.png"
|
|
|
+ />
|
|
|
</div>
|
|
|
</transition>
|
|
|
</div>
|
|
|
+
|
|
|
+ <div class="add_desk" v-if="addDesktop">
|
|
|
+ <div class="addgif">
|
|
|
+ <div class="add-title">
|
|
|
+ <p>添加至桌面,方便下次继续阅读</p>
|
|
|
+ <i class="closed" ></i>
|
|
|
+ </div>
|
|
|
+ <div class="add-gif">
|
|
|
+ <img src="../../src/assets/adddeskot.gif" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div
|
|
|
class="share"
|
|
|
@touchmove.prevent
|
|
@@ -243,13 +261,16 @@ export default {
|
|
|
guidepersonalaccount: window.options.guidepersonalaccount,
|
|
|
banners: window.options.banners,
|
|
|
showSignNoticeWrap: false,
|
|
|
- collectAndroidBg: "//zhuishuyun.oss-cn-hangzhou.aliyuncs.com/h5/android_collect.png",
|
|
|
- collectIOSBg: "//zhuishuyun.oss-cn-hangzhou.aliyuncs.com/h5/iphone_collect.png",
|
|
|
+ collectAndroidBg:
|
|
|
+ "//zhuishuyun.oss-cn-hangzhou.aliyuncs.com/h5/android_collect.png",
|
|
|
+ collectIOSBg:
|
|
|
+ "//zhuishuyun.oss-cn-hangzhou.aliyuncs.com/h5/iphone_collect.png",
|
|
|
bannerSubText: {},
|
|
|
five_template: "",
|
|
|
five_template_clicked: true,
|
|
|
copyVal: "",
|
|
|
- uuids: ""
|
|
|
+ uuids: "",
|
|
|
+ addDesktop: false
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
@@ -353,7 +374,7 @@ export default {
|
|
|
},
|
|
|
next() {
|
|
|
// 静默复制
|
|
|
-
|
|
|
+
|
|
|
if (this.text.next_jump) {
|
|
|
location.href = this.text.next_jump_url;
|
|
|
} else {
|
|
@@ -409,6 +430,9 @@ export default {
|
|
|
this.getContent(this.$route.query.bid, this.$route.query.cid)
|
|
|
.then(r => {
|
|
|
this.text = r;
|
|
|
+ if (this.text.force_add_desk_type) {
|
|
|
+ if (!this.addDesktop) this.addDesktop = true;
|
|
|
+ }
|
|
|
})
|
|
|
.catch(r => {
|
|
|
this.text = {};
|
|
@@ -733,7 +757,9 @@ export default {
|
|
|
.then(r => {
|
|
|
this.text = r;
|
|
|
this.isFromSubscribe = false;
|
|
|
-
|
|
|
+ if (this.text.force_add_desk_type) {
|
|
|
+ if (!this.addDesktop) this.addDesktop = true;
|
|
|
+ }
|
|
|
if (r.sign_status) {
|
|
|
this.showSignNoticeWrap = true;
|
|
|
}
|
|
@@ -776,6 +802,9 @@ export default {
|
|
|
loadIframeAsync();
|
|
|
r.jump = to.params.jump;
|
|
|
this.text = r;
|
|
|
+ if (this.text.force_add_desk_type) {
|
|
|
+ if (!this.addDesktop) this.addDesktop = true;
|
|
|
+ }
|
|
|
this.$nextTick(() => {
|
|
|
this.$nextTick(() => {
|
|
|
delete this.text.jump;
|
|
@@ -1101,6 +1130,57 @@ export default {
|
|
|
transition: all 0.3s;
|
|
|
}
|
|
|
|
|
|
+.add_desk {
|
|
|
+ position: fixed;
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ background: rgba(0, 0, 0, 0.6);
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ z-index: 1001;
|
|
|
+ .addgif {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 9.8rem;
|
|
|
+ .add-gif {
|
|
|
+ height: 100%;
|
|
|
+ background: #fff;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: flex-start;
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .add-title {
|
|
|
+ width: 100%;
|
|
|
+ height: 1rem;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ background-color: #ff6920;
|
|
|
+ justify-content: space-between;
|
|
|
+ > p {
|
|
|
+ font-size: 0.4rem;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ text-align: center;
|
|
|
+ flex-grow: 1;
|
|
|
+ }
|
|
|
+ .closed {
|
|
|
+ width: 0.36rem;
|
|
|
+ height: 0.36rem;
|
|
|
+ background: url("../assets/close_pop.png");
|
|
|
+ margin-right: 0.3rem;
|
|
|
+ background-size: cover;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
.five_template_entry {
|
|
|
font-size: 0;
|
|
|
position: fixed;
|