From 995cd2c39f27c6056ceb7e93ec00f62dfc853932 Mon Sep 17 00:00:00 2001 From: From-wh Date: Mon, 20 Feb 2023 11:40:57 +0800 Subject: [PATCH] =?UTF-8?q?improve:=20=E6=BB=91=E5=8A=A8=E9=AA=8C=E8=AF=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../annex/components/verify/verifySlider/verifySlider.vue | 4 ++-- .../components/verify/verifySlider/verifySliderPc.vue | 8 ++++---- .../pages/users/components/verify/verifySlider/index.vue | 4 ++-- .../components/verify/verifySlider/verifySliderPc.vue | 8 ++++---- 4 files changed, 12 insertions(+), 12 deletions(-) diff --git a/template/uni-app/pages/annex/components/verify/verifySlider/verifySlider.vue b/template/uni-app/pages/annex/components/verify/verifySlider/verifySlider.vue index c7faeaf65..eb289a2bb 100644 --- a/template/uni-app/pages/annex/components/verify/verifySlider/verifySlider.vue +++ b/template/uni-app/pages/annex/components/verify/verifySlider/verifySlider.vue @@ -392,13 +392,13 @@ bottom: 0px; width: 100%; height: 30px; - background-color: rgb(231, 27, 27, .5); + background-color: rgb(197, 150, 63, 0.5); line-height: 30px; color: #fff; } .suc-bg { - background-color: rgba(92, 184, 92, .5); + background-color: rgb(197, 150, 63, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f5CB85C, endcolorstr=#7f5CB85C); } diff --git a/template/uni-app/pages/annex/components/verify/verifySlider/verifySliderPc.vue b/template/uni-app/pages/annex/components/verify/verifySlider/verifySliderPc.vue index e1338bc1c..770935571 100644 --- a/template/uni-app/pages/annex/components/verify/verifySlider/verifySliderPc.vue +++ b/template/uni-app/pages/annex/components/verify/verifySlider/verifySliderPc.vue @@ -11,7 +11,7 @@ {{ tipWords }} + :class="passFalg ? 'suc-bg' : 'err-bg'">{{ tipWords }} @@ -123,7 +123,7 @@ export default { data() { return { secretKey: "", // 后端返回的加密秘钥 字段 - passFlag: "", // 是否通过的标识 + passFalg: "", // 是否通过的标识 backImgBase: "", // 验证码背景图片 blockBackImgBase: "", // 验证滑块的背景图片 backToken: "", // 后端返回的唯一token值 @@ -491,13 +491,13 @@ export default { bottom: 0px; width: 100%; height: 30px; - background-color: rgb(231, 27, 27, .5); + background-color: rgb(197, 150, 63, 0.5); line-height: 30px; color: #fff; } .suc-bg { - background-color: rgba(92, 184, 92, .5); + background-color: rgb(197, 150, 63, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f5CB85C, endcolorstr=#7f5CB85C); } diff --git a/template/uni-app/pages/users/components/verify/verifySlider/index.vue b/template/uni-app/pages/users/components/verify/verifySlider/index.vue index c7faeaf65..4581bab9f 100644 --- a/template/uni-app/pages/users/components/verify/verifySlider/index.vue +++ b/template/uni-app/pages/users/components/verify/verifySlider/index.vue @@ -392,13 +392,13 @@ bottom: 0px; width: 100%; height: 30px; - background-color: rgb(231, 27, 27, .5); + background-color: rgb(197, 150, 63, 0.5);; line-height: 30px; color: #fff; } .suc-bg { - background-color: rgba(92, 184, 92, .5); + background-color: rgb(197, 150, 63, 0.5);; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f5CB85C, endcolorstr=#7f5CB85C); } diff --git a/template/uni-app/pages/users/components/verify/verifySlider/verifySliderPc.vue b/template/uni-app/pages/users/components/verify/verifySlider/verifySliderPc.vue index e1338bc1c..39160aeaf 100644 --- a/template/uni-app/pages/users/components/verify/verifySlider/verifySliderPc.vue +++ b/template/uni-app/pages/users/components/verify/verifySlider/verifySliderPc.vue @@ -11,7 +11,7 @@ {{ tipWords }} + :class="passFalg ? 'suc-bg' : 'err-bg'">{{ tipWords }} @@ -123,7 +123,7 @@ export default { data() { return { secretKey: "", // 后端返回的加密秘钥 字段 - passFlag: "", // 是否通过的标识 + passFalg: "", // 是否通过的标识 backImgBase: "", // 验证码背景图片 blockBackImgBase: "", // 验证滑块的背景图片 backToken: "", // 后端返回的唯一token值 @@ -491,13 +491,13 @@ export default { bottom: 0px; width: 100%; height: 30px; - background-color: rgb(231, 27, 27, .5); + background-color: rgb(197, 150, 63, 0.5);; line-height: 30px; color: #fff; } .suc-bg { - background-color: rgba(92, 184, 92, .5); + background-color: rgb(197, 150, 63, 0.5);; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f5CB85C, endcolorstr=#7f5CB85C); }