From f15fb880a1f949c4ae50a8658dff217a3ccce892 Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期四, 30 九月 2021 18:33:34 +0800 Subject: [PATCH] 系统设置/维护v1.2 --- src/pages/vindicate/views/updateSettings.vue | 47 +++++++++++++++++++++++++++++++++-------------- 1 files changed, 33 insertions(+), 14 deletions(-) diff --git a/src/pages/vindicate/views/updateSettings.vue b/src/pages/vindicate/views/updateSettings.vue index 94ba62e..65355e6 100644 --- a/src/pages/vindicate/views/updateSettings.vue +++ b/src/pages/vindicate/views/updateSettings.vue @@ -27,15 +27,19 @@ </el-radio-group> <div class="update-center" v-if="radio2 == '妫�鏌ユ洿鏂�'"> - <span v-if="hasNewVersion||checking" - class="icon iconfont spin-bg" + <img v-if="!upgrading&&hasNewVersion||checking" + class="spin-bg" + src="/images/vindicate/妫�娴嬪姞杞�.png" :class="upgrading || checking ? 'spin-bg-rot' : ''" - ></span - > - <span v-else - class="icon iconfont spin-bg" - ></span - > + /> + <img v-if="upgrading&&hasNewVersion" + class="spin-bg" + src="/images/vindicate/鍔犺浇.png" + /> + <img v-if="!checking&&!hasNewVersion" + class="spin-bg" + src="/images/vindicate/宸叉槸鏈�鏂扮増鏈�.png" + /> <div class="desc" v-if="checking && !upgrading"> 姝e湪妫�娴嬬増鏈洿鏂扳�︹�� </div> @@ -67,29 +71,30 @@ <div class="upload-center" v-if="radio2 == '涓婁紶鏇存柊'"> - <div class="upload-info"><span class="icon iconfont"></span> 涓婁紶瀹夎杞欢</div> + <div class="upload-info"><img src="/images/vindicate/閾炬帴 1.png" style="width: 14px;"> 涓婁紶瀹夎杞欢</div> <div class="upload-top"> <div class="upload-container"> <div class="upload-fail " v-if="upStatus===0"> <i class="icon iconfont upload-icon"> -  +  </i> <p>涓婁紶澶辫触锛岃閲嶆柊涓婁紶銆�</p> </div> <div class="upload-success" v-if="upStatus===1"> <i class="icon iconfont upload-icon"> -  +  </i> <p>涓婁紶鎴愬姛锛岃鐐瑰嚮鏇存柊鎸夐挳寮�濮嬫洿鏂般��</p> </div> <el-upload + ref="myUpload" class="upload-demo" drag action - v-show="!shengjiing" + v-show="!shengjiing&&upStatus===''" :http-request="uploadPkg" :limit="1" > @@ -282,6 +287,8 @@ this.upStatus ='' }, 2000); }).catch(()=>{ + this.upgrading = false; + this.$refs.myUpload.clearFiles() this.upStatus = 0 setTimeout(() => { this.upStatus ='' @@ -388,6 +395,8 @@ justify-content: space-between; .con { .iconfont { + font-size: 20px; + line-height: 32px; width: 32px; height: 26px; margin-right: 10px; @@ -491,8 +500,8 @@ } .spin-bg { - color: rgb(206, 205, 205); - font-size: 60px; + + width: 60px; margin-top: 60px; margin-bottom:15px ; } @@ -552,6 +561,16 @@ height: 174px; background-color: #fff; border-radius: 8px; + + .upload-fail .iconfont{ + color: rgb(254, 109, 104); + } + + .upload-success .iconfont{ + color: rgb(78, 148, 255); + } + + .upload-success,.upload-fail { position: absolute; z-index: 1; -- Gitblit v1.8.0