优化下载页显示

pull/5/head
youngS 4 years ago
parent 930a8e3cbf
commit fbb5c85fcd
  1. 1
      fir_client/package.json
  2. BIN
      fir_client/src/assets/loading.gif
  3. 2
      fir_client/src/components/FirAppInfosBase.vue
  4. 2
      fir_client/src/components/FirApps.vue
  5. 41
      fir_client/src/components/FirDownload.vue
  6. 41
      fir_client/src/components/ShortDownload.vue
  7. 5
      fir_client/src/main.js
  8. 6
      fir_client/src/main.short.js
  9. 5
      fir_client/src/short.js

@ -18,6 +18,7 @@
"qrcodejs2": "^0.0.2",
"vue": "^2.6.10",
"vue-cookies": "^1.7.0",
"vue-lazyload": "^1.3.3",
"vue-qr": "^2.3.0",
"vue-router": "^3.1.3",
"vuex": "^3.1.2"

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.0 KiB

@ -153,7 +153,7 @@
if (this.appinfos.preview_url && this.appinfos.preview_url.length > 6) {
p_url = this.appinfos.preview_url + p_url
}
window.open(p_url, 'target', '');
window.open(p_url, '_blank', '');
},
defaulttimeline() {
this.setfunactive('timeline', 5);

@ -757,7 +757,7 @@
if (app.preview_url && app.preview_url.length > 6) {
p_url = app.preview_url + p_url
}
window.open(p_url, 'target', '');
window.open(p_url, '_blank', '');
}
}, computed: {
getDelappTitle() {

@ -107,7 +107,8 @@
下载安装
</el-link>
</button>
<a v-if="currentappinfo.issupersign" @click="jiaocheng('open')"
<a v-if="currentappinfo.issupersign && !$route.query.udid"
@click="jiaocheng('open')"
style="float: right;width: 30px;height: 30px;text-align: center;border-radius: 15px;background-color:#32b2a7;color: white;font-size: 20px">?</a>
</div>
@ -197,7 +198,7 @@
<div class="list-wrapper">
<ul>
<li v-for="screen in imagelist" :key="screen">
<img :src="screen"/>
<img v-lazy="screen"/>
</li>
</ul>
</div>
@ -220,7 +221,7 @@
</div>
<div id="signhelp" class="signhelp screenshots-section">
<div ref="signhelp" class="signhelp screenshots-section">
<div class="signhelp-title">
超级签安装教程
<span><a id="closeBtn" @click="jiaocheng('close')">关闭</a></span>
@ -228,33 +229,18 @@
<div class="list-wrapper" style="width: 300px;">
<ul>
<li><img src="../assets/sign/step1.jpg"/>
<li v-for="sign in signhelplist" :key="sign.url">
<img v-lazy="sign.url" :key="sign.url"/>
<p>
安装引导<br>第一步 允许打开配置描述文件
安装引导<br>{{ sign.msg}}
</p>
</li>
<li><img src="../assets/sign/step2.jpg"/>
<p>
安装引导<br>第二步 点击右上角安装按钮
</p>
</li>
<li><img src="../assets/sign/step3.jpg"/>
<p>
安装引导<br>第三步 输入开机解锁密码
</p>
</li>
<li><img src="../assets/sign/step4.jpg"/>
<p>
安装引导<br>第四步 点击下方安装按钮
</p>
</li>
</ul>
</div>
</div>
<div id="bg" class="bg"></div>
<div ref="bg" class="bg"></div>
</el-container>
@ -270,6 +256,12 @@
name: "FirDownload",
data() {
return {
signhelplist: [
{msg: '第一步 允许打开配置描述文件', url: require('../assets/sign/step1.jpg')},
{msg: '第二步 点击右上角安装按钮', url: require('../assets/sign/step2.jpg')},
{msg: '第三步 输入开机解锁密码', url: require('../assets/sign/step3.jpg')},
{msg: '第四步 点击下方安装按钮', url: require('../assets/sign/step4.jpg')},
],
imagelist: [],
currentappinfo: {},
iscomboappinfo: {},
@ -296,11 +288,12 @@
},
methods: {
jiaocheng(act) {
let signhelp = document.getElementById('signhelp');
let bg = document.getElementById('bg');
let signhelp = this.$refs.signhelp;
let bg = this.$refs.signhelp;
if (act === 'open') {
signhelp.style.display = "block";
bg.style.display = "block";
window.scroll(0, 1)
} else {
signhelp.style.display = "none";
bg.style.display = "none";

@ -2,7 +2,7 @@
<div class="container">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
<div id="signhelp" class="signhelp screenshots-section">
<div ref="signhelp" class="signhelp screenshots-section">
<div class="signhelp-title">
超级签安装教程
<span><a id="closeBtn" @click="jiaocheng('close')">关闭</a></span>
@ -10,33 +10,18 @@
<div class="list-wrapper" style="width: 300px;">
<ul>
<li><img src="../assets/sign/step1.jpg"/>
<li v-for="sign in signhelplist" :key="sign.url">
<img v-lazy="sign.url" :key="sign.url"/>
<p>
安装引导<br>第一步 允许打开配置描述文件
安装引导<br>{{ sign.msg}}
</p>
</li>
<li><img src="../assets/sign/step2.jpg"/>
<p>
安装引导<br>第二步 点击右上角安装按钮
</p>
</li>
<li><img src="../assets/sign/step3.jpg"/>
<p>
安装引导<br>第三步 输入开机解锁密码
</p>
</li>
<li><img src="../assets/sign/step4.jpg"/>
<p>
安装引导<br>第四步 点击下方安装按钮
</p>
</li>
</ul>
</div>
</div>
<div id="bg" class="bg"></div>
<div ref="bg" class="bg"></div>
<div class="wechat_tip_content" v-if="agent === 'wxandroid' || agent === 'wxapple'">
@ -137,7 +122,8 @@
<button @click="download">
<a icon="el-icon-loadings" type="primary" :underline="false"> 下载安装 </a>
</button>
<a v-if="currentappinfo.issupersign" @click="jiaocheng('open')"
<a v-if="currentappinfo.issupersign && ! $route.query.udid"
@click="jiaocheng('open')"
style="float: right;width: 30px;height: 30px;text-align: center;border-radius: 15px;background-color:#32b2a7;color: white;font-size: 20px">?</a>
</div>
@ -224,7 +210,7 @@
<div class="list-wrapper">
<ul>
<li v-for="screen in imagelist" :key="screen">
<img :src="screen"/>
<img v-lazy="screen"/>
</li>
</ul>
</div>
@ -266,6 +252,12 @@
name: "ShortDownload",
data() {
return {
signhelplist: [
{msg: '第一步 允许打开配置描述文件', url: require('../assets/sign/step1.jpg')},
{msg: '第二步 点击右上角安装按钮', url: require('../assets/sign/step2.jpg')},
{msg: '第三步 输入开机解锁密码', url: require('../assets/sign/step3.jpg')},
{msg: '第四步 点击下方安装按钮', url: require('../assets/sign/step4.jpg')},
],
imagelist: [],
currentappinfo: {},
iscomboappinfo: {},
@ -293,11 +285,12 @@
},
methods: {
jiaocheng(act) {
let signhelp = document.getElementById('signhelp');
let bg = document.getElementById('bg');
let signhelp = this.$refs.signhelp;
let bg = this.$refs.signhelp;
if (act === 'open') {
signhelp.style.display = "block";
bg.style.display = "block";
window.scroll(0, 1)
} else {
signhelp.style.display = "none";
bg.style.display = "none";

@ -154,7 +154,12 @@ Vue.prototype.$alert = MessageBox.alert;
// Vue.use(ElementUI);
Vue.use(Vuex);
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
loading: require('./assets/loading.gif'),
preLoad: 1
});
new Vue({
render: h => h(App),

@ -24,6 +24,12 @@ Vue.prototype.$message = Message;
Vue.config.productionTip = false;
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
loading: require('./assets/loading.gif'),
preLoad: 1
});
new Vue({
render: h => h(Download),

@ -2,7 +2,12 @@ import Vue from 'vue'
import Download from "@/Download";
import router from "@/router/short";
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
loading: require('./assets/loading.gif'),
preLoad: 1
});
Vue.config.productionTip = false;
new Vue({

Loading…
Cancel
Save