优化下载页展示

dependabot/npm_and_yarn/fir_admin/ws-5.2.3
youngS 3 years ago
parent f3349ecc5b
commit f7f0896893
  1. 33
      fir_client/src/components/FirDownload.vue
  2. 32
      fir_client/src/components/ShortDownload.vue
  3. 3
      fir_client/src/components/user/FirSuperSignBase.vue

@ -3,12 +3,14 @@
<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 class="wechat_tip_content" v-if="agent === 'wxandroid' || agent === 'wxapple'"> <div class="wechat_tip_content" v-if="(agent === 'wxandroid' || agent === 'wxapple') && !wrong">
<div class="wechat_tip" v-show="agent === 'wxandroid'"> <div class="mask">
<i class="triangle-up"/>请点击右上角<br>选择"在浏览器打开" <div class="wechat_tip" v-show="agent === 'wxandroid'">
</div> <i class="triangle-up"/>请点击右上角<br>选择"在浏览器打开"
<div class="wechat_tip" v-show="agent === 'wxapple'"> </div>
<i class="triangle-up"/>请点击右上角<br>选择"在Safari中打开" <div class="wechat_tip" v-show="agent === 'wxapple'">
<i class="triangle-up"/>请点击右上角<br>选择"在Safari中打开"
</div>
</div> </div>
</div> </div>
@ -64,12 +66,13 @@
<div id="actions" class="actions" v-if="agent !==''" <div id="actions" class="actions" v-if="agent !==''"
style="margin-top: 20%;margin-bottom: 20%"> style="margin-top: 20%;margin-bottom: 20%">
<button type="button" v-if="wrong">{{ msg }}</button>
<el-button type="info" round v-if="agent === 'wxandroid' || agent === 'wxapple'"> <el-button type="info" round
v-else-if="agent === 'wxandroid' || agent === 'wxapple'">
不支持在微信内下载 不支持在微信内下载
</el-button> </el-button>
<button type="button" v-else-if="wrong">{{ msg }}</button>
<div v-else style="margin-top: 20%;margin-bottom: 20%"> <div v-else style="margin-top: 20%;margin-bottom: 20%">
<div v-if="isdownload"> <div v-if="isdownload">
<div v-if="gomobile"> <div v-if="gomobile">
@ -692,6 +695,15 @@
</script> </script>
<style scoped> <style scoped>
.mask {
z-index: 9;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .5);
}
.text-black { .text-black {
color: #505556 color: #505556
@ -710,7 +722,8 @@
.wechat_tip, .wechat_tip > i { .wechat_tip, .wechat_tip > i {
position: absolute; position: absolute;
right: 10px right: 10px;
z-index: 99999;
} }
.wechat_tip { .wechat_tip {
@ -727,7 +740,7 @@
color: #fff; color: #fff;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
width: 135px; width: 166px;
height: 60px; height: 60px;
border-radius: 10px; border-radius: 10px;
top: 15px top: 15px

@ -24,12 +24,14 @@
<div ref="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') && !wrong">
<div class="wechat_tip" v-show="agent === 'wxandroid'"> <div class="mask">
<i class="triangle-up"/>请点击右上角<br>选择"在浏览器打开" <div class="wechat_tip" v-show="agent === 'wxandroid'">
</div> <i class="triangle-up"/>请点击右上角<br>选择"在浏览器打开"
<div class="wechat_tip" v-show="agent === 'wxapple'"> </div>
<i class="triangle-up"/>请点击右上角<br>选择"在Safari中打开" <div class="wechat_tip" v-show="agent === 'wxapple'">
<i class="triangle-up"/>请点击右上角<br>选择"在Safari中打开"
</div>
</div> </div>
</div> </div>
@ -85,12 +87,12 @@
<div id="actions" class="actions" v-if="agent !==''" <div id="actions" class="actions" v-if="agent !==''"
style="margin-top: 20%;margin-bottom: 20%"> style="margin-top: 20%;margin-bottom: 20%">
<button type="button" v-if="wrong">{{ msg }}</button>
<button v-if="agent === 'wxandroid' || agent === 'wxapple'"> <button v-else-if="agent === 'wxandroid' || agent === 'wxapple'">
不支持在微信内下载 不支持在微信内下载
</button> </button>
<button type="button" v-else-if="wrong">{{ msg }}</button>
<div v-else style="margin-top: 20%;margin-bottom: 20%"> <div v-else style="margin-top: 20%;margin-bottom: 20%">
<div v-if="isdownload"> <div v-if="isdownload">
<div v-if="gomobile"> <div v-if="gomobile">
@ -678,6 +680,15 @@
</script> </script>
<style scoped> <style scoped>
.mask {
z-index: 9;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .5);
}
.text-black { .text-black {
color: #505556 color: #505556
@ -696,7 +707,8 @@
.wechat_tip, .wechat_tip > i { .wechat_tip, .wechat_tip > i {
position: absolute; position: absolute;
right: 10px right: 10px;
z-index: 99999;
} }
.wechat_tip { .wechat_tip {
@ -713,7 +725,7 @@
color: #fff; color: #fff;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
width: 135px; width: 166px;
height: 60px; height: 60px;
border-radius: 10px; border-radius: 10px;
top: 15px top: 15px

@ -158,7 +158,8 @@
width="100"> width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<el-popover trigger="hover" placement="top"> <el-popover trigger="hover" placement="top">
<p v-if="!scope.row.certid && scope.row.is_actived === true">开发证书不可用请在编辑中导入或手动创建发布证书</p> <p v-if="!scope.row.certid && scope.row.is_actived === true">
开发证书不可用请在编辑中导入或手动创建发布证书</p>
<p v-if="!scope.row.certid && scope.row.is_actived !== true">请先激活开发者账户</p> <p v-if="!scope.row.certid && scope.row.is_actived !== true">请先激活开发者账户</p>
<p v-if="scope.row.certid && scope.row.is_actived === true">账户已经启用</p> <p v-if="scope.row.certid && scope.row.is_actived === true">账户已经启用</p>
<div slot="reference" class="name-wrapper"> <div slot="reference" class="name-wrapper">

Loading…
Cancel
Save