mirror of
https://github.com/crmeb/CRMEB.git
synced 2026-10-31 06:50:51 +00:00
improve: 滑动验证
This commit is contained in:
parent
0725992bd3
commit
995cd2c39f
@ -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);
|
||||
}
|
||||
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
</view>
|
||||
<transition name="tips">
|
||||
<text v-if="tipWords" class="verify-tips"
|
||||
:class="passFlag ? 'suc-bg' : 'err-bg'">{{ tipWords }}</text>
|
||||
:class="passFalg ? 'suc-bg' : 'err-bg'">{{ tipWords }}</text>
|
||||
</transition>
|
||||
</view>
|
||||
</view>
|
||||
@ -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);
|
||||
}
|
||||
|
||||
|
||||
@ -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);
|
||||
}
|
||||
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
</view>
|
||||
<transition name="tips">
|
||||
<text v-if="tipWords" class="verify-tips"
|
||||
:class="passFlag ? 'suc-bg' : 'err-bg'">{{ tipWords }}</text>
|
||||
:class="passFalg ? 'suc-bg' : 'err-bg'">{{ tipWords }}</text>
|
||||
</transition>
|
||||
</view>
|
||||
</view>
|
||||
@ -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);
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user