k
/
flyapps
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化下载页显示

Browse Source
pull/5/head
youngS 4 years ago
parent 930a8e3cbf
commit fbb5c85fcd
9 changed files with 53 additions and 50 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  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

1
fir_client/package.json
Unescape View File

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

BIN
fir_client/src/assets/loading.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

2
fir_client/src/components/FirAppInfosBase.vue
Unescape View File

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

2
fir_client/src/components/FirApps.vue
Unescape View File

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

41
fir_client/src/components/FirDownload.vue
Unescape View File

@ -107,7 +107,8 @@
下载安装 下载安装
</el-link> </el-link>
</button> </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> style="float: right;width: 30px;height: 30px;text-align: center;border-radius: 15px;background-color:#32b2a7;color: white;font-size: 20px">?</a>
</div> </div>
@ -197,7 +198,7 @@
<div class="list-wrapper"> <div class="list-wrapper">
<ul> <ul>
<li v-for="screen in imagelist" :key="screen"> <li v-for="screen in imagelist" :key="screen">
<img :src="screen"/> <img v-lazy="screen"/>
</li> </li>
</ul> </ul>
</div> </div>
@ -220,7 +221,7 @@
</div> </div>
<div id="signhelp" class="signhelp screenshots-section"> <div ref="signhelp" class="signhelp screenshots-section">
<div class="signhelp-title"> <div class="signhelp-title">
超级签安装教程 超级签安装教程
<span><a id="closeBtn" @click="jiaocheng('close')">关闭</a></span> <span><a id="closeBtn" @click="jiaocheng('close')">关闭</a></span>
@ -228,33 +229,18 @@
<div class="list-wrapper" style="width: 300px;"> <div class="list-wrapper" style="width: 300px;">
<ul> <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> <p>
安装引导<br>第一步 允许打开配置描述文件 安装引导<br>{{ sign.msg}}
</p> </p>
</li> </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> </ul>
</div> </div>
</div> </div>
<div id="bg" class="bg"></div> <div ref="bg" class="bg"></div>
</el-container> </el-container>
@ -270,6 +256,12 @@
name: "FirDownload", name: "FirDownload",
data() { data() {
return { 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: [], imagelist: [],
currentappinfo: {}, currentappinfo: {},
iscomboappinfo: {}, iscomboappinfo: {},
@ -296,11 +288,12 @@
}, },
methods: { methods: {
jiaocheng(act) { jiaocheng(act) {
let signhelp = document.getElementById('signhelp'); let signhelp = this.$refs.signhelp;
let bg = document.getElementById('bg'); let bg = this.$refs.signhelp;
if (act === 'open') { if (act === 'open') {
signhelp.style.display = "block"; signhelp.style.display = "block";
bg.style.display = "block"; bg.style.display = "block";
window.scroll(0, 1)
} else { } else {
signhelp.style.display = "none"; signhelp.style.display = "none";
bg.style.display = "none"; bg.style.display = "none";

41
fir_client/src/components/ShortDownload.vue
Unescape View File

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

5
fir_client/src/main.js
Unescape View File

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

6
fir_client/src/main.short.js
Unescape View File

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

5
fir_client/src/short.js
Unescape View File

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

Write Preview
Loading…
Cancel
Save