优化前端页面展示

pull/3/head
xiaoyu 4 years ago
parent cb71d238bc
commit d135f4bcc0
  1. 12
      fir_client/public/config.js
  2. BIN
      fir_client/src/assets/beianlogo.png
  3. 19
      fir_client/src/components/FirDownload.vue
  4. 40
      fir_client/src/components/FirFooter.vue
  5. 13
      fir_client/src/components/ShortDownload.vue
  6. 4
      fir_client/src/main.js

@ -1,3 +1,15 @@
window.g = { window.g = {
baseUrl: 'https://fly.harmonygames.cn', baseUrl: 'https://fly.harmonygames.cn',
footer:{
copyright:'Copyright © 2017-2020 第九系艾文 版权所有.',
ipcBeiAn:{
url:'https://beian.miit.gov.cn',
text:'豫ICP备15004336号',
},
gongAnBeiAn:{
url:'http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41142202000049',
text:'豫公网安备 41142202000049号',
},
}
}; };

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

@ -17,7 +17,7 @@
<!-- <span class="pattern right"><img src="../assets/download_pattern_right.png"></span>--> <!-- <span class="pattern right"><img src="../assets/download_pattern_right.png"></span>-->
</div> </div>
<el-container class="out-container container" v-if="wxeasytypeflag"> <el-container class="out-container " v-if="wxeasytypeflag">
<div class="main"> <div class="main">
<header> <header>
@ -48,6 +48,11 @@
<p class="scan-tips" style="margin-left:170px">扫描二维码下载<br/>或用手机浏览器输入这个网址<span <p class="scan-tips" style="margin-left:170px">扫描二维码下载<br/>或用手机浏览器输入这个网址<span
class="text-black">{{ full_url }}</span></p> class="text-black">{{ full_url }}</span></p>
<div class="release-info" v-if="currentappinfo.description && agent === ''">
<p class="version">
应用描述{{ currentappinfo.description }}
</p>
</div>
<div class="release-info"> <div class="release-info">
<p>{{ mcurrentappinfo.app_version }}Build {{ mcurrentappinfo.build_version }}- <p>{{ mcurrentappinfo.app_version }}Build {{ mcurrentappinfo.build_version }}-
{{ mcurrentappinfo.binary_size }}</p> {{ mcurrentappinfo.binary_size }}</p>
@ -78,7 +83,7 @@
<button @click="gomobileaction"> <button @click="gomobileaction">
<el-link icon="el-icon-loadings" type="primary" <el-link icon="el-icon-loadings" type="primary"
:underline="false"> :underline="false">
立即信任 安装完成后,立即信任
</el-link> </el-link>
</button> </button>
@ -166,6 +171,10 @@
<h3>更新日志</h3> <h3>更新日志</h3>
{{ mcurrentappinfo.changelog }} {{ mcurrentappinfo.changelog }}
</div> </div>
<div class="info" v-if="currentappinfo.description">
<h3>应用描述</h3>
{{ currentappinfo.description }}
</div>
</div> </div>
</div> </div>
@ -327,9 +336,9 @@
} }
getShortAppinfo(data => { getShortAppinfo(data => {
if (data.code === 1000) { if (data.code === 1000) {
if (!this.auto_redircet_url(data.domain_name)) { // if (!this.auto_redircet_url(data.domain_name)) {
return; // return;
} // }
this.udid = data.udid; this.udid = data.udid;
if (!data.data.master_release.release_id) { if (!data.data.master_release.release_id) {
this.$message({ this.$message({

@ -4,21 +4,28 @@
<el-main align="center"> <el-main align="center">
<div style="width: 300px; margin: 0 auto; padding: 20px 0;"> <div style="width: 300px; margin: 0 auto; padding: 20px 0;">
<el-link :underline="false">Copyright &copy;&nbsp;2017-2020&nbsp;第九系艾文&nbsp;&nbsp;版权所有.</el-link> <el-link :underline="false"> {{ footer.copyright }}</el-link>
</div> </div>
<div style="width: 300px; margin: 0 auto; padding: 20px 0;"> <div style="width: 300px; margin: 0 auto; padding: 20px 0;">
<a style="display: inline-block; text-decoration: none; height: 20px; line-height: 20px;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41142202000049" target="_blank" rel="noopener"> <a style="display: inline-block; text-decoration: none; height: 20px; line-height: 20px;"
<img style="float: left;" src="https://blog.dvcloud.xin/beianlogo/beianlogo.png" /> :href="footer.gongAnBeiAn.url"
<el-link :underline="false" style="float: left; height: 20px; line-height: 20px; margin: 0px 0px 0px 5px; color: #939393;">豫公网安备 41142202000049</el-link> target="_blank" rel="noopener">
<img style="float: left;" src="../assets/beianlogo.png"/>
<el-link :underline="false"
style="float: left; height: 20px; line-height: 20px; margin: 0px 0px 0px 5px; color: #939393;">
{{ footer.gongAnBeiAn.text }}
</el-link>
</a> </a>
</div> </div>
<div> <div>
<div :underline="false" style="width: 200px; margin: 0 auto; padding: 10px 0;"> <div :underline="false" style="width: 200px; margin: 0 auto; padding: 10px 0;">
<el-link :underline="false" href="https://beian.miit.gov.cn" target="_blank" rel="nofollow noopener">豫ICP备15004336号</el-link> <el-link :underline="false" :href="footer.ipcBeiAn.url" target="_blank"
rel="nofollow noopener">{{ footer.ipcBeiAn.text }}
</el-link>
</div> </div>
</div> </div>
@ -34,13 +41,21 @@
name: "FirFooter", name: "FirFooter",
data() { data() {
return { return {
footer: {
copyright: '',
ipcBeiAn: {
url: '',
text: '',
},
gongAnBeiAn: {
url: '',
text: '',
},
}
} }
}, methods: { }, methods: {}, created() {
}, mounted() {
}, created() { this.footer = window.g.footer;
}, watch: {
} }
} }
</script> </script>
@ -59,5 +74,4 @@
} }
</style> </style>

@ -17,7 +17,7 @@
<!-- <span class="pattern right"><img src="../assets/download_pattern_right.png"></span>--> <!-- <span class="pattern right"><img src="../assets/download_pattern_right.png"></span>-->
</div> </div>
<div class="out-container container" v-if="wxeasytypeflag"> <div class="out-container " v-if="wxeasytypeflag">
<div v-show='mcurrentappinfo.release_id' class="main"> <div v-show='mcurrentappinfo.release_id' class="main">
<header> <header>
@ -48,6 +48,11 @@
<p class="scan-tips" style="margin-left:170px">扫描二维码下载<br/>或用手机浏览器输入这个网址<span <p class="scan-tips" style="margin-left:170px">扫描二维码下载<br/>或用手机浏览器输入这个网址<span
class="text-black">{{ full_url }}</span></p> class="text-black">{{ full_url }}</span></p>
<div class="release-info" v-if="currentappinfo.description && agent === ''">
<p class="version">
应用描述{{ currentappinfo.description }}
</p>
</div>
<div class="release-info"> <div class="release-info">
<p>{{ mcurrentappinfo.app_version }}Build {{ mcurrentappinfo.build_version }}- <p>{{ mcurrentappinfo.app_version }}Build {{ mcurrentappinfo.build_version }}-
{{ mcurrentappinfo.binary_size }}</p> {{ mcurrentappinfo.binary_size }}</p>
@ -78,7 +83,7 @@
<button @click="gomobileaction"> <button @click="gomobileaction">
<a icon="el-icon-loadings" type="primary" <a icon="el-icon-loadings" type="primary"
:underline="false"> :underline="false">
立即信任 安装完成后,立即信任
</a> </a>
</button> </button>
@ -160,6 +165,10 @@
<h3>更新日志</h3> <h3>更新日志</h3>
{{ mcurrentappinfo.changelog }} {{ mcurrentappinfo.changelog }}
</div> </div>
<div class="info" v-if="currentappinfo.description">
<h3>应用描述</h3>
{{ currentappinfo.description }}
</div>
</div> </div>
</div> </div>

@ -93,7 +93,8 @@ import {
Timeline, Timeline,
TimelineItem, TimelineItem,
Card, Card,
Notification Notification,
Footer
} from "element-ui"; } from "element-ui";
Vue.use(Progress); Vue.use(Progress);
@ -141,6 +142,7 @@ Vue.use(Loading);
Vue.use(Tag); Vue.use(Tag);
Vue.use(Tooltip); Vue.use(Tooltip);
Vue.use(Switch); Vue.use(Switch);
Vue.use(Footer);
Vue.prototype.$message = Message; Vue.prototype.$message = Message;
Vue.prototype.$notify = Notification; Vue.prototype.$notify = Notification;
Vue.prototype.$loading = Loading.service; Vue.prototype.$loading = Loading.service;

Loading…
Cancel
Save