weapps-plugin-jingtong-verify 1.5.9 → 1.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -1
- package/app.json +3 -11
- package/package.json +2 -2
- package/sdk.js +1 -32
- package/weapps-plugin-jingtong-verify/components/gsd-ui/g-form/index.js +0 -3
- package/weapps-plugin-jingtong-verify/components/gsd-ui/g-input/index.js +0 -5
- package/weapps-plugin-jingtong-verify/components/gsd-ui/g-input/index.wxml +1 -1
- package/weapps-plugin-jingtong-verify/components/gsd-ui/static/style/components/g-input.wxss +1 -9
- package/weapps-plugin-jingtong-verify/components/tip-modal/tip-modal.js +0 -8
- package/weapps-plugin-jingtong-verify/components/tip-modal/tip-modal.wxml +0 -2
- package/weapps-plugin-jingtong-verify/i18n/rules.js +5 -146
- package/weapps-plugin-jingtong-verify/pages/face-verify/face-verify.js +12 -276
- package/weapps-plugin-jingtong-verify/pages/face-verify/face-verify.wxml +1 -19
- package/weapps-plugin-jingtong-verify/pages/face-verify/face-verify.wxss +1 -53
- package/weapps-plugin-jingtong-verify/pages/nation-list/nation-list.js +12 -2
- package/weapps-plugin-jingtong-verify/pages/setting/setting.js +7 -10
- package/weapps-plugin-jingtong-verify/utils/request.js +1 -670
- package/weapps-plugin-jingtong-verify/utils/rules.js +1 -105
- package/weapps-plugin-jingtong-verify/utils/validate.js +1 -139
- package/weapps-plugin-jingtong-verify/components/custom-steps/custom-steps.js +0 -41
- package/weapps-plugin-jingtong-verify/components/custom-steps/custom-steps.json +0 -4
- package/weapps-plugin-jingtong-verify/components/custom-steps/custom-steps.wxml +0 -20
- package/weapps-plugin-jingtong-verify/components/custom-steps/custom-steps.wxss +0 -112
- package/weapps-plugin-jingtong-verify/components/to-other-modal/to-other-modal.js +0 -73
- package/weapps-plugin-jingtong-verify/components/to-other-modal/to-other-modal.json +0 -4
- package/weapps-plugin-jingtong-verify/components/to-other-modal/to-other-modal.wxml +0 -19
- package/weapps-plugin-jingtong-verify/components/to-other-modal/to-other-modal.wxss +0 -72
- package/weapps-plugin-jingtong-verify/images/bank-card-verify.png +0 -0
- package/weapps-plugin-jingtong-verify/images/chek_right.png +0 -0
- package/weapps-plugin-jingtong-verify/images/chevron-down.png +0 -0
- package/weapps-plugin-jingtong-verify/images/chevron-up.png +0 -0
- package/weapps-plugin-jingtong-verify/pages/bank-card-login/bank-card-login.js +0 -506
- package/weapps-plugin-jingtong-verify/pages/bank-card-login/bank-card-login.json +0 -8
- package/weapps-plugin-jingtong-verify/pages/bank-card-login/bank-card-login.wxml +0 -79
- package/weapps-plugin-jingtong-verify/pages/bank-card-login/bank-card-login.wxss +0 -212
- package/weapps-plugin-jingtong-verify/pages/bank-card-login-forgot-face-setting/bank-card-login-forgot-face-setting.js +0 -1373
- package/weapps-plugin-jingtong-verify/pages/bank-card-login-forgot-face-setting/bank-card-login-forgot-face-setting.json +0 -10
- package/weapps-plugin-jingtong-verify/pages/bank-card-login-forgot-face-setting/bank-card-login-forgot-face-setting.wxml +0 -247
- package/weapps-plugin-jingtong-verify/pages/bank-card-login-forgot-face-setting/bank-card-login-forgot-face-setting.wxss +0 -397
- package/weapps-plugin-jingtong-verify/pages/bank-card-login-forgot-sms-setting/bank-card-login-forgot-sms-setting.js +0 -66
- package/weapps-plugin-jingtong-verify/pages/bank-card-login-forgot-sms-setting/bank-card-login-forgot-sms-setting.wxml +0 -2
- package/weapps-plugin-jingtong-verify/pages/bank-card-login-pwd-setting/bank-card-login-pwd-setting.js +0 -463
- package/weapps-plugin-jingtong-verify/pages/bank-card-login-pwd-setting/bank-card-login-pwd-setting.json +0 -8
- package/weapps-plugin-jingtong-verify/pages/bank-card-login-pwd-setting/bank-card-login-pwd-setting.wxml +0 -69
- package/weapps-plugin-jingtong-verify/pages/bank-card-login-pwd-setting/bank-card-login-pwd-setting.wxss +0 -232
- package/weapps-plugin-jingtong-verify/pages/bank-card-verify/bank-card-verify.js +0 -892
- package/weapps-plugin-jingtong-verify/pages/bank-card-verify/bank-card-verify.json +0 -12
- package/weapps-plugin-jingtong-verify/pages/bank-card-verify/bank-card-verify.wxml +0 -157
- package/weapps-plugin-jingtong-verify/pages/bank-card-verify/bank-card-verify.wxss +0 -258
- package/weapps-plugin-jingtong-verify/pages/login-help/login-help.js +0 -147
- package/weapps-plugin-jingtong-verify/pages/login-help/login-help.json +0 -4
- package/weapps-plugin-jingtong-verify/pages/login-help/login-help.wxml +0 -48
- package/weapps-plugin-jingtong-verify/pages/login-help/login-help.wxss +0 -166
- package/weapps-plugin-jingtong-verify/pages/login-manage-setting/login-manage-setting.js +0 -189
- package/weapps-plugin-jingtong-verify/pages/login-manage-setting/login-manage-setting.json +0 -4
- package/weapps-plugin-jingtong-verify/pages/login-manage-setting/login-manage-setting.wxml +0 -19
- package/weapps-plugin-jingtong-verify/pages/login-manage-setting/login-manage-setting.wxss +0 -69
- package/weapps-plugin-jingtong-verify/utils/constantVal.js +0 -75
- package/weapps-plugin-jingtong-verify/utils/md5.js +0 -184
|
@@ -288,104 +288,6 @@ const ForeignPassortRules = (language) => {
|
|
|
288
288
|
// ]
|
|
289
289
|
// }
|
|
290
290
|
// }
|
|
291
|
-
// 银行卡
|
|
292
|
-
const bankCardRules = (language) => {
|
|
293
|
-
const { cardholder_name, id_card_number, bank_card_account, bank_phone,verification_code } = dict.rules.bankCardRules
|
|
294
|
-
return {
|
|
295
|
-
id_card_number: [
|
|
296
|
-
{ type: 'required', message: `${id_card_number.required[language]}` },
|
|
297
|
-
{ type: 'id_card_number', message: `${id_card_number.validate[language]}` }
|
|
298
|
-
],
|
|
299
|
-
cardholder_name: [
|
|
300
|
-
{ type: 'required', message: `${cardholder_name.required[language]}` },
|
|
301
|
-
{ type: 'cardholder_name', message: `${cardholder_name.validate[language]}` }
|
|
302
|
-
],
|
|
303
|
-
bank_card_account: [
|
|
304
|
-
{ type: 'required', message: `${bank_card_account.required[language]}` },
|
|
305
|
-
{ type: 'bank_card_account', message: `${bank_card_account.validate[language]}` }
|
|
306
|
-
],
|
|
307
|
-
bank_phone: [
|
|
308
|
-
{ type: 'required', message: `${bank_phone.required[language]}` },
|
|
309
|
-
{ type: 'bank_phone', message: `${bank_phone.validate[language]}` }
|
|
310
|
-
],
|
|
311
|
-
verification_code: [
|
|
312
|
-
{ type: 'required', message: `${verification_code.required[language]}` }
|
|
313
|
-
]
|
|
314
|
-
}
|
|
315
|
-
}
|
|
316
|
-
|
|
317
|
-
// 设置密码
|
|
318
|
-
const bankCardSetPwdRules = (language) => {
|
|
319
|
-
const { bank_card_password, bank_card_pwd_password } = dict.rules.bankCardSetPwdRules
|
|
320
|
-
return {
|
|
321
|
-
bank_card_password: [
|
|
322
|
-
{ type: 'required', message: `${bank_card_password.required[language]}` },
|
|
323
|
-
{ type: 'bank_card_password', message: `${bank_card_password.validate[language]}` }
|
|
324
|
-
],
|
|
325
|
-
bank_card_pwd_password: [
|
|
326
|
-
{ type: 'required', message: `${bank_card_pwd_password.required[language]}` },
|
|
327
|
-
{ type: 'bank_card_pwd_password', message: `${bank_card_pwd_password.validate[language]}` }
|
|
328
|
-
]
|
|
329
|
-
}
|
|
330
|
-
}
|
|
331
|
-
// 设置新密码
|
|
332
|
-
const bankCardSetNewPwdRules = (language) => {
|
|
333
|
-
const { bank_card_password, bank_card_pwd_password } = dict.rules.bankCardSetNewPwdRules
|
|
334
|
-
return {
|
|
335
|
-
bank_card_password: [
|
|
336
|
-
{ type: 'required', message: `${bank_card_password.required[language]}` },
|
|
337
|
-
{ type: 'bank_card_password', message: `${bank_card_password.validate[language]}` }
|
|
338
|
-
],
|
|
339
|
-
bank_card_pwd_password: [
|
|
340
|
-
{ type: 'required', message: `${bank_card_pwd_password.required[language]}` },
|
|
341
|
-
{ type: 'bank_card_pwd_password', message: `${bank_card_pwd_password.validate[language]}` }
|
|
342
|
-
]
|
|
343
|
-
}
|
|
344
|
-
}
|
|
345
|
-
|
|
346
|
-
// 登录密码
|
|
347
|
-
const bankCardLoginPwdRules = (language) => {
|
|
348
|
-
const { login_password } = dict.rules.bankCardRules
|
|
349
|
-
return {
|
|
350
|
-
login_password: [
|
|
351
|
-
{ type: 'required', message: `${login_password.required[language]}` }
|
|
352
|
-
]
|
|
353
|
-
}
|
|
354
|
-
}
|
|
355
|
-
|
|
356
|
-
// 信息确认
|
|
357
|
-
const setNewPwdInfoRules = (language) => {
|
|
358
|
-
const { name, id_card_number } = dict.rules.chinaRules
|
|
359
|
-
return {
|
|
360
|
-
id_card_number: [
|
|
361
|
-
{ type: 'required', message: `${id_card_number.required[language]}` },
|
|
362
|
-
{ type: 'id_card_number', message: `${id_card_number.validate[language]}` }
|
|
363
|
-
],
|
|
364
|
-
name: [
|
|
365
|
-
{ type: 'required', message: `${name.required[language]}` },
|
|
366
|
-
{ type: 'name', message: `${name.validate[language]}` }
|
|
367
|
-
],
|
|
368
|
-
}
|
|
369
|
-
}
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
// 安全验证
|
|
373
|
-
const safeVerificationInfoRules = (language) => {
|
|
374
|
-
const { id_card_number, phone_number, verification_code } = dict.rules.chinaRules
|
|
375
|
-
return {
|
|
376
|
-
id_card_number: [
|
|
377
|
-
{ type: 'required', message: `${id_card_number.required[language]}` },
|
|
378
|
-
{ type: 'id_card_number', message: `${id_card_number.validate[language]}` }
|
|
379
|
-
],
|
|
380
|
-
phone_number: [
|
|
381
|
-
{ type: 'required', message: `${phone_number.required[language]}` },
|
|
382
|
-
{ type: 'phone_number', message: `${phone_number.validate[language]}` }
|
|
383
|
-
],
|
|
384
|
-
verification_code: [
|
|
385
|
-
{ type: 'required', message: `${verification_code.required[language]}` }
|
|
386
|
-
],
|
|
387
|
-
}
|
|
388
|
-
}
|
|
389
291
|
|
|
390
292
|
module.exports = {
|
|
391
293
|
chinaRules,
|
|
@@ -395,11 +297,5 @@ module.exports = {
|
|
|
395
297
|
ForeignPassortRules,
|
|
396
298
|
HMPassRulesForeign,
|
|
397
299
|
HMORulesMore,
|
|
398
|
-
residenceRules
|
|
399
|
-
bankCardRules,
|
|
400
|
-
bankCardSetPwdRules,
|
|
401
|
-
bankCardSetNewPwdRules,
|
|
402
|
-
bankCardLoginPwdRules,
|
|
403
|
-
setNewPwdInfoRules,
|
|
404
|
-
safeVerificationInfoRules
|
|
300
|
+
residenceRules
|
|
405
301
|
}
|
|
@@ -50,52 +50,7 @@ function checkInputVal(e) {
|
|
|
50
50
|
return false;
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
|
-
/**
|
|
54
|
-
* 检查银行卡登录密码复杂度
|
|
55
|
-
* 要求:
|
|
56
|
-
* - 长度为 8~20 位
|
|
57
|
-
* - 必须包含数字、大写字母、小写字母、特殊字符中的两种及以上
|
|
58
|
-
*/
|
|
59
|
-
function checkBankCardLoginPwd(userPassword) {
|
|
60
|
-
if (!userPassword || userPassword.trim() === '') {
|
|
61
|
-
return {
|
|
62
|
-
data: false,
|
|
63
|
-
msg: '请输入密码'
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
53
|
|
|
67
|
-
if (userPassword.length < 8 || userPassword.length > 20) {
|
|
68
|
-
return {
|
|
69
|
-
data: false,
|
|
70
|
-
msg: '密码长度应为8-20个字符'
|
|
71
|
-
};
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
// 定义四种类型的正则
|
|
75
|
-
const regNum = /[0-9]/;
|
|
76
|
-
const regLower = /[a-z]/;
|
|
77
|
-
const regUpper = /[A-Z]/;
|
|
78
|
-
const regSpecial = /[^A-Za-z0-9]/;
|
|
79
|
-
|
|
80
|
-
// 计算命中类型数量
|
|
81
|
-
let typeCount = 0;
|
|
82
|
-
if (regNum.test(userPassword)) typeCount++;
|
|
83
|
-
if (regLower.test(userPassword)) typeCount++;
|
|
84
|
-
if (regUpper.test(userPassword)) typeCount++;
|
|
85
|
-
if (regSpecial.test(userPassword)) typeCount++;
|
|
86
|
-
|
|
87
|
-
if (typeCount < 2) {
|
|
88
|
-
return {
|
|
89
|
-
data: false,
|
|
90
|
-
msg: '密码需包含数字、大写字母、小写字母、特殊字符中的至少两种'
|
|
91
|
-
};
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
return {
|
|
95
|
-
data: true,
|
|
96
|
-
msg: ''
|
|
97
|
-
};
|
|
98
|
-
}
|
|
99
54
|
/**
|
|
100
55
|
* 检查密码是否合法
|
|
101
56
|
*/
|
|
@@ -131,8 +86,6 @@ function checkPwd(userPassword) {
|
|
|
131
86
|
* 检查确认密码是否合法
|
|
132
87
|
*/
|
|
133
88
|
function checkConfirmPwd(userPassword, reUserPassword) {
|
|
134
|
-
console.log('两次密码')
|
|
135
|
-
console.log(userPassword + '+' + reUserPassword)
|
|
136
89
|
if (reUserPassword == "" || reUserPassword == null) {
|
|
137
90
|
return {
|
|
138
91
|
data: false,
|
|
@@ -274,80 +227,7 @@ function checkPhone(userPhone) {
|
|
|
274
227
|
msg: ''
|
|
275
228
|
};
|
|
276
229
|
}
|
|
277
|
-
/**
|
|
278
|
-
* 检查银联卡卡号是否合法
|
|
279
|
-
*/
|
|
280
|
-
function checkBankCard(cardNo) {
|
|
281
|
-
console.log('卡号')
|
|
282
|
-
console.log(cardNo)
|
|
283
|
-
if (!cardNo || cardNo.trim() === '') {
|
|
284
|
-
return {
|
|
285
|
-
data: false,
|
|
286
|
-
msg: '请输入银行卡号'
|
|
287
|
-
};
|
|
288
|
-
}
|
|
289
|
-
|
|
290
|
-
// 去除空格
|
|
291
|
-
cardNo = cardNo.replace(/\s+/g, '');
|
|
292
|
-
|
|
293
|
-
// 必须全为数字
|
|
294
|
-
if (!/^\d+$/.test(cardNo)) {
|
|
295
|
-
console.log('数字问题')
|
|
296
|
-
return {
|
|
297
|
-
data: false,
|
|
298
|
-
msg: '银行卡号必须为数字'
|
|
299
|
-
};
|
|
300
|
-
}
|
|
301
|
-
|
|
302
|
-
// 银联卡一般为16~19位
|
|
303
|
-
if (cardNo.length < 16 || cardNo.length > 19) {
|
|
304
|
-
console.log('长度问题')
|
|
305
|
-
return {
|
|
306
|
-
data: false,
|
|
307
|
-
msg: '银行卡号长度应为16到19位'
|
|
308
|
-
};
|
|
309
|
-
}
|
|
310
|
-
|
|
311
|
-
// Luhn算法校验
|
|
312
|
-
// if (!luhnCheck(cardNo)) {
|
|
313
|
-
// return {
|
|
314
|
-
// data: false,
|
|
315
|
-
// msg: '银行卡号不合法'
|
|
316
|
-
// };
|
|
317
|
-
// }
|
|
318
|
-
|
|
319
|
-
return {
|
|
320
|
-
data: true,
|
|
321
|
-
msg: ''
|
|
322
|
-
};
|
|
323
|
-
}
|
|
324
230
|
|
|
325
|
-
/**
|
|
326
|
-
* Luhn算法校验
|
|
327
|
-
*/
|
|
328
|
-
function luhnCheck(cardNo) {
|
|
329
|
-
if (cardNo == null) return false;
|
|
330
|
-
|
|
331
|
-
// 转为字符串并去掉空格
|
|
332
|
-
const s = String(cardNo).replace(/\s+/g, '');
|
|
333
|
-
// 必须全为数字
|
|
334
|
-
if (!/^\d+$/.test(s)) return false;
|
|
335
|
-
|
|
336
|
-
let sum = 0;
|
|
337
|
-
// 从右向左遍历,rightmost (check digit) 不乘2,左边第一个开始乘2,依次交替
|
|
338
|
-
let doubleFlag = false;
|
|
339
|
-
for (let i = s.length - 1; i >= 0; i--) {
|
|
340
|
-
let digit = Number(s[i]);
|
|
341
|
-
if (doubleFlag) {
|
|
342
|
-
digit = digit * 2;
|
|
343
|
-
if (digit > 9) digit -= 9; // 等价于把两位数各位相加
|
|
344
|
-
}
|
|
345
|
-
sum += digit;
|
|
346
|
-
doubleFlag = !doubleFlag;
|
|
347
|
-
}
|
|
348
|
-
|
|
349
|
-
return sum % 10 === 0;
|
|
350
|
-
}
|
|
351
231
|
/**
|
|
352
232
|
* 检查证电子邮件是否合法
|
|
353
233
|
*/
|
|
@@ -875,37 +755,19 @@ function checkSpecialChar(value) {
|
|
|
875
755
|
}
|
|
876
756
|
return false;
|
|
877
757
|
}
|
|
878
|
-
function checkVerificationCode(value){
|
|
879
|
-
console.log('验证验证码')
|
|
880
|
-
console.log(value)
|
|
881
|
-
if (!value || value.trim() === '') {
|
|
882
|
-
return {
|
|
883
|
-
data: false,
|
|
884
|
-
msg: '请输入验证码'
|
|
885
|
-
};
|
|
886
|
-
}
|
|
887
|
-
return {
|
|
888
|
-
data: true,
|
|
889
|
-
msg: ''
|
|
890
|
-
};
|
|
891
|
-
}
|
|
892
|
-
|
|
893
758
|
|
|
894
759
|
export {
|
|
895
760
|
checkAccount,
|
|
896
761
|
checkPwd,
|
|
897
|
-
checkBankCardLoginPwd,
|
|
898
762
|
checkConfirmPwd,
|
|
899
763
|
checkName,
|
|
900
764
|
checkCid,
|
|
901
765
|
checkOrgName,
|
|
902
766
|
checkOrgCid,
|
|
903
767
|
checkPhone,
|
|
904
|
-
checkBankCard,
|
|
905
768
|
checkAddr,
|
|
906
769
|
checkEmail,
|
|
907
770
|
checkIDCard,
|
|
908
771
|
removeSpaceFun,
|
|
909
|
-
checkHmtPassport
|
|
910
|
-
checkVerificationCode
|
|
772
|
+
checkHmtPassport
|
|
911
773
|
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
Component({
|
|
2
|
-
properties: {
|
|
3
|
-
// 步骤数据
|
|
4
|
-
steps: {
|
|
5
|
-
type: Array,
|
|
6
|
-
value: [
|
|
7
|
-
{ title: '信息确认' },
|
|
8
|
-
{ title: '安全验证' },
|
|
9
|
-
{ title: '重置密码' }
|
|
10
|
-
]
|
|
11
|
-
},
|
|
12
|
-
// 当前激活的步骤索引
|
|
13
|
-
active: {
|
|
14
|
-
type: Number,
|
|
15
|
-
value: 0
|
|
16
|
-
},
|
|
17
|
-
// 激活状态的颜色
|
|
18
|
-
activeColor: {
|
|
19
|
-
type: String,
|
|
20
|
-
value: '#ce0022'
|
|
21
|
-
},
|
|
22
|
-
// 未激活状态的颜色
|
|
23
|
-
inactiveColor: {
|
|
24
|
-
type: String,
|
|
25
|
-
value: '#ccc'
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
/**
|
|
29
|
-
* 页面的初始数据
|
|
30
|
-
*/
|
|
31
|
-
data: {
|
|
32
|
-
|
|
33
|
-
},
|
|
34
|
-
methods: {
|
|
35
|
-
// 可以添加一些方法,比如点击步骤时的回调
|
|
36
|
-
onStepTap(e) {
|
|
37
|
-
const index = e.currentTarget.dataset.index;
|
|
38
|
-
this.triggerEvent('stepTap', { index });
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
})
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
<view class="custom-steps">
|
|
2
|
-
<view wx:for="{{ steps }}" wx:key="index" class="step-item {{ index <= active ? 'active' : '' }} {{ index < active ? 'completed' : '' }}">
|
|
3
|
-
<!-- 左半连接线:与前一个步骤连接 -->
|
|
4
|
-
<view wx:if="{{ index > 0 }}" class="step-line left {{ index <= active ? 'active' : '' }}"></view>
|
|
5
|
-
|
|
6
|
-
<!-- 右半连接线:与下一个步骤连接 -->
|
|
7
|
-
<view wx:if="{{ index < steps.length - 1 }}" class="step-line right {{ index < active ? 'active' : '' }}"></view>
|
|
8
|
-
|
|
9
|
-
<!-- 步骤图标 -->
|
|
10
|
-
<view class="step-icon">
|
|
11
|
-
<view wx:if="{{ index < active }}" class="icon-check-container">
|
|
12
|
-
<image class="icon-check" src="../../images/chek_right.png" mode="aspectFit"></image>
|
|
13
|
-
</view>
|
|
14
|
-
<text wx:else>{{ index + 1 }}</text>
|
|
15
|
-
</view>
|
|
16
|
-
|
|
17
|
-
<!-- 步骤文字 -->
|
|
18
|
-
<view class="step-text">{{ item.title }}</view>
|
|
19
|
-
</view>
|
|
20
|
-
</view>
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
.custom-steps {
|
|
2
|
-
display: flex;
|
|
3
|
-
align-items: flex-start;
|
|
4
|
-
justify-content: space-between;
|
|
5
|
-
padding: 40rpx 0;
|
|
6
|
-
position: relative;
|
|
7
|
-
width: 100%;
|
|
8
|
-
background-color: #fff; /* 确保遮罩颜色一致 */
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.step-item {
|
|
12
|
-
display: flex;
|
|
13
|
-
flex-direction: column;
|
|
14
|
-
align-items: center;
|
|
15
|
-
position: relative;
|
|
16
|
-
flex: 1;
|
|
17
|
-
z-index: 1;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.step-icon {
|
|
21
|
-
width: 60rpx;
|
|
22
|
-
height: 60rpx;
|
|
23
|
-
border-radius: 50%;
|
|
24
|
-
background-color: #970920; /* 未执行步骤的圆形背景 */
|
|
25
|
-
opacity: 0.2; /* 默认按未执行渲染为 20% 不透明度 */
|
|
26
|
-
color: #fff;
|
|
27
|
-
display: flex;
|
|
28
|
-
align-items: center;
|
|
29
|
-
justify-content: center;
|
|
30
|
-
font-size: 28rpx;
|
|
31
|
-
font-weight: bold;
|
|
32
|
-
margin-bottom: 20rpx;
|
|
33
|
-
transition: all 0.3s ease;
|
|
34
|
-
border: 2rpx solid #970920; /* 未执行步骤的边框 */
|
|
35
|
-
/* 使用白色背景遮罩实现与连线的视觉断开 */
|
|
36
|
-
box-shadow: 0 0 0 12rpx #fff;
|
|
37
|
-
position: relative;
|
|
38
|
-
z-index: 2;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.step-text {
|
|
42
|
-
font-size: 28rpx;
|
|
43
|
-
color: #999999; /* 未执行步骤的文字颜色 */
|
|
44
|
-
text-align: center;
|
|
45
|
-
transition: color 0.3s ease;
|
|
46
|
-
line-height: 1.2;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.icon-check-container {
|
|
50
|
-
width: 100%;
|
|
51
|
-
height: 100%;
|
|
52
|
-
border-radius: 50%;
|
|
53
|
-
background-color: #ce0022;
|
|
54
|
-
display: flex;
|
|
55
|
-
align-items: center;
|
|
56
|
-
justify-content: center;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.icon-check {
|
|
60
|
-
width: 32rpx;
|
|
61
|
-
height: 32rpx;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
/* 激活状态 */
|
|
65
|
-
.step-item.active .step-icon {
|
|
66
|
-
background-color: #ce0022;
|
|
67
|
-
border-color: #ce0022;
|
|
68
|
-
opacity: 1; /* 激活步骤不透明 */
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.step-item.active .step-text {
|
|
72
|
-
color: #ce0022; /* 当前执行步骤文字颜色为深色 */
|
|
73
|
-
font-weight: 600;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
/* 已完成状态 */
|
|
77
|
-
.step-item.completed .step-icon {
|
|
78
|
-
background-color: #ce0022;
|
|
79
|
-
border-color: #ce0022;
|
|
80
|
-
opacity: 1; /* 已完成步骤不透明 */
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.step-item.completed .step-text {
|
|
84
|
-
color: #333333; /* 已执行步骤的文字颜色 */
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
/* 连接线 */
|
|
88
|
-
/* 半连接线(默认灰色) */
|
|
89
|
-
.step-line {
|
|
90
|
-
position: absolute;
|
|
91
|
-
top: 30rpx; /* 与图标中心高度一致 */
|
|
92
|
-
height: 4rpx;
|
|
93
|
-
background-color: #ccc;
|
|
94
|
-
z-index: 0;
|
|
95
|
-
transition: background-color 0.3s ease;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
/* 左半段:从本步骤中心向左延伸,扩大留白让连线更短(54rpx -> 68rpx) */
|
|
99
|
-
.step-line.left {
|
|
100
|
-
right: calc(50% + 68rpx);
|
|
101
|
-
width: calc(50% - 68rpx);
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
/* 右半段:从本步骤中心向右延伸,扩大留白让连线更短(54rpx -> 68rpx) */
|
|
105
|
-
.step-line.right {
|
|
106
|
-
left: calc(50% + 68rpx);
|
|
107
|
-
width: calc(50% - 68rpx);
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.step-line.active {
|
|
111
|
-
background-color: #ce0022;
|
|
112
|
-
}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
// weapps-plugin-jingtong-verify/components/to-other-modal/to-other-modal.js
|
|
2
|
-
Component({
|
|
3
|
-
/**
|
|
4
|
-
* 组件的属性列表
|
|
5
|
-
*/
|
|
6
|
-
properties: {
|
|
7
|
-
visible: {
|
|
8
|
-
type: Boolean,
|
|
9
|
-
value: false
|
|
10
|
-
},
|
|
11
|
-
title: {
|
|
12
|
-
type: String
|
|
13
|
-
},
|
|
14
|
-
content: {
|
|
15
|
-
type: String
|
|
16
|
-
},
|
|
17
|
-
cancelColor: {
|
|
18
|
-
type: String
|
|
19
|
-
},
|
|
20
|
-
confirmColor: {
|
|
21
|
-
type: String
|
|
22
|
-
},
|
|
23
|
-
cancelSize: {
|
|
24
|
-
type: String,
|
|
25
|
-
value: '16px'
|
|
26
|
-
},
|
|
27
|
-
CancelText: {
|
|
28
|
-
type: String,
|
|
29
|
-
value: '取消'
|
|
30
|
-
},
|
|
31
|
-
ConfirmText: {
|
|
32
|
-
type: String,
|
|
33
|
-
value: '确定'
|
|
34
|
-
},
|
|
35
|
-
confirmSize: {
|
|
36
|
-
type: String,
|
|
37
|
-
value: '16px'
|
|
38
|
-
},
|
|
39
|
-
cancelOpenType: {
|
|
40
|
-
type: String
|
|
41
|
-
},
|
|
42
|
-
confirmOpenType: {
|
|
43
|
-
type: String
|
|
44
|
-
},
|
|
45
|
-
Cancel: {
|
|
46
|
-
type: Boolean,
|
|
47
|
-
value: false
|
|
48
|
-
},
|
|
49
|
-
Confirm: {
|
|
50
|
-
type: Boolean,
|
|
51
|
-
value: false
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
/**
|
|
55
|
-
* 组件的初始数据
|
|
56
|
-
*/
|
|
57
|
-
data: {
|
|
58
|
-
|
|
59
|
-
},
|
|
60
|
-
|
|
61
|
-
/**
|
|
62
|
-
* 组件的方法列表
|
|
63
|
-
*/
|
|
64
|
-
methods: {
|
|
65
|
-
ConfirmClick(e) {
|
|
66
|
-
this.triggerEvent('ConfirmBtn', e)
|
|
67
|
-
},
|
|
68
|
-
|
|
69
|
-
CancelClick(e) {
|
|
70
|
-
this.triggerEvent('CancelBtn')
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
})
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<!--weapps-plugin-jingtong-verify/components/to-other-modal/to-other-modal.wxml-->
|
|
2
|
-
<view class="modal-view" wx:if="{{ visible }}" >
|
|
3
|
-
<view class="modal-box">
|
|
4
|
-
<view class="title">
|
|
5
|
-
{{ title }}
|
|
6
|
-
</view>
|
|
7
|
-
<view class="content">
|
|
8
|
-
<slot></slot>
|
|
9
|
-
</view>
|
|
10
|
-
<view class="button" wx:if="{{ Cancel || Confirm }}">
|
|
11
|
-
<button class="['cancel-btn',{{ Cancel && Confirm ? 'two-btn' : 'one-btn' }}]" style="color: {{ cancelColor }};font-size:{{ cancelSize }}" wx:if="{{ Cancel }}" bindtap="CancelClick">
|
|
12
|
-
{{ CancelText }}
|
|
13
|
-
</button>
|
|
14
|
-
<button class="['confirm-btn', {{ Cancel && Confirm ? 'two-btn' : 'one-btn' }}]" style="color: {{ confirmColor }};font-size:{{ confirmSize }}" wx:if="{{ Confirm }}" bindtap="ConfirmClick">
|
|
15
|
-
{{ ConfirmText }}
|
|
16
|
-
</button>
|
|
17
|
-
</view>
|
|
18
|
-
</view>
|
|
19
|
-
</view>
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
/* weapps-plugin-jingtong-verify/components/my-modal/my-modal.wxss */
|
|
2
|
-
.modal-view {
|
|
3
|
-
position: fixed;
|
|
4
|
-
top: 0;
|
|
5
|
-
bottom: 0;
|
|
6
|
-
left: 0;
|
|
7
|
-
right: 0;
|
|
8
|
-
background: rgba(39, 40, 46, 0.6);
|
|
9
|
-
display: flex;
|
|
10
|
-
justify-content: center;
|
|
11
|
-
align-items: center;
|
|
12
|
-
z-index: 9999;
|
|
13
|
-
}
|
|
14
|
-
.modal-box {
|
|
15
|
-
width: 560rpx;
|
|
16
|
-
border-radius: 4rpx;
|
|
17
|
-
background: #ffffff;
|
|
18
|
-
display: flex;
|
|
19
|
-
align-items: center;
|
|
20
|
-
flex-direction: column;
|
|
21
|
-
}
|
|
22
|
-
.title {
|
|
23
|
-
margin-top: 40rpx;
|
|
24
|
-
font-size: 36rpx;
|
|
25
|
-
}
|
|
26
|
-
.content {
|
|
27
|
-
font-size: 30rpx;
|
|
28
|
-
margin-top: 32rpx;
|
|
29
|
-
padding: 0 33rpx;
|
|
30
|
-
}
|
|
31
|
-
.button {
|
|
32
|
-
position: relative;
|
|
33
|
-
bottom: 0;
|
|
34
|
-
width: 560rpx;
|
|
35
|
-
height: 94rpx;
|
|
36
|
-
border-top: 2rpx solid #EDEDED;
|
|
37
|
-
margin-top: 48rpx;
|
|
38
|
-
display: flex;
|
|
39
|
-
}
|
|
40
|
-
.one-btn {
|
|
41
|
-
height: 100%;
|
|
42
|
-
width: 100%;
|
|
43
|
-
display: flex;
|
|
44
|
-
justify-content: center;
|
|
45
|
-
align-items: center;
|
|
46
|
-
}
|
|
47
|
-
.two-btn {
|
|
48
|
-
height: 100%;
|
|
49
|
-
width: 50%;
|
|
50
|
-
display: flex;
|
|
51
|
-
align-items: center;
|
|
52
|
-
justify-content: center
|
|
53
|
-
}
|
|
54
|
-
.two-btn,.confirm-btn {
|
|
55
|
-
border-left: 2rpx solid #EDEDED;
|
|
56
|
-
}
|
|
57
|
-
.confirm-btn,
|
|
58
|
-
.cancel-btn {
|
|
59
|
-
flex: 1;
|
|
60
|
-
cursor: pointer;
|
|
61
|
-
font-weight: 500;
|
|
62
|
-
background: #ffffff;
|
|
63
|
-
padding: 0;
|
|
64
|
-
margin: 0;
|
|
65
|
-
}
|
|
66
|
-
.button > button {
|
|
67
|
-
background-color: #fff !important;
|
|
68
|
-
border-radius: 0 !important;
|
|
69
|
-
}
|
|
70
|
-
.button > button::after {
|
|
71
|
-
border: none !important;
|
|
72
|
-
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|