jufubao-base 1.0.167 → 1.0.169-beta1
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/package.json +1 -1
- package/src/components/JfbBaseLogin/Attr.js +1109 -510
- package/src/components/JfbBaseLogin/JfbBaseLogin.vue +364 -63
- package/src/components/JfbBaseSweep/JfbBaseSweep.vue +2 -2
- package/src/components/JfbBaseTfkCardBind/Attr.js +579 -33
- package/src/components/JfbBaseTfkCardBind/JfbBaseTfkCardBind.vue +453 -18
- package/src/components/JfbBaseTfkCardDetail/Api.js +5 -44
- package/src/components/JfbBaseTfkCardDetail/Attr.js +365 -33
- package/src/components/JfbBaseTfkCardDetail/JfbBaseTfkCardDetail.vue +416 -15
- package/src/components/JfbBaseTfkCardDetail/Mock.js +151 -11
- package/src/components/JfbBaseTfkCardLogin/Api.js +19 -34
- package/src/components/JfbBaseTfkCardLogin/Attr.js +602 -33
- package/src/components/JfbBaseTfkCardLogin/JfbBaseTfkCardLogin.vue +582 -17
- package/src/components/JfbBaseTfkCardLogin/Mock.js +721 -11
|
@@ -16,58 +16,88 @@
|
|
|
16
16
|
<view class="jfb-base-login__edit-icon" @click="delEdit">删除</view>
|
|
17
17
|
</view>
|
|
18
18
|
<!-- #endif -->
|
|
19
|
-
<view class="jfb-base-login__body"
|
|
19
|
+
<view class="jfb-base-login__body" :style="{
|
|
20
|
+
'--agreement-align': agreementAlign
|
|
21
|
+
}">
|
|
20
22
|
<view v-if="showStep === 1" class="panel-login-auth">
|
|
21
|
-
<view class="logo-wrap"
|
|
22
|
-
|
|
23
|
-
|
|
23
|
+
<view class="logo-wrap" :style="{
|
|
24
|
+
height: logoWrapHeight + 'rpx',
|
|
25
|
+
}">
|
|
26
|
+
<image :style="logoStyle" mode="heightFix" :src="logo" @click="openDebugger()" />
|
|
27
|
+
<view v-if="isShowSiteName === 'Y'" :style="{ color: logoTextColor, }" >{{ partnerName }}</view>
|
|
24
28
|
</view>
|
|
25
|
-
<view class="login_types">
|
|
29
|
+
<view class="login_types" :style="authBtnBoxStyle">
|
|
26
30
|
<!--#ifdef H5-->
|
|
27
31
|
<xd-button
|
|
28
32
|
v-if="hasAuthLogin"
|
|
29
33
|
:disabled="!panelIsChecked"
|
|
30
34
|
type="primary"
|
|
31
|
-
radius="
|
|
35
|
+
:radius="btnRadius + 'rpx'"
|
|
32
36
|
@click="doLoginAuth"
|
|
33
|
-
>
|
|
37
|
+
>
|
|
38
|
+
<!-- 快捷登录 -->
|
|
39
|
+
<xd-font-icon v-if="authLoginBtnIcon"
|
|
40
|
+
style="display: inline-flex;margin-right: 12rpx;"
|
|
41
|
+
:icon="authLoginBtnIcon"
|
|
42
|
+
></xd-font-icon>{{h5FastLoginName}}
|
|
43
|
+
</xd-button>
|
|
34
44
|
<!-- #endif -->
|
|
35
45
|
<!--#ifdef MP-->
|
|
36
46
|
<xd-button
|
|
37
47
|
v-if="hasAuthLogin"
|
|
38
48
|
:disabled="!panelIsChecked"
|
|
39
49
|
type="primary"
|
|
40
|
-
radius="
|
|
50
|
+
:radius="btnRadius + 'rpx'"
|
|
41
51
|
@click="doWxMpLogin"
|
|
42
|
-
|
|
52
|
+
>
|
|
53
|
+
<!-- 快捷登录 -->
|
|
54
|
+
<xd-font-icon v-if="authLoginBtnIcon"
|
|
55
|
+
style="display: inline-flex;margin-right: 12rpx;"
|
|
56
|
+
:icon="authLoginBtnIcon"
|
|
57
|
+
></xd-font-icon>
|
|
58
|
+
{{ authLoginBtnText }}
|
|
59
|
+
</xd-button>
|
|
43
60
|
<!-- #endif -->
|
|
44
61
|
<view class="login-pub">
|
|
45
62
|
<xd-button
|
|
46
63
|
v-if="hasAccountLogin"
|
|
47
64
|
:disabled="!panelIsChecked"
|
|
48
65
|
type="primary"
|
|
49
|
-
radius="
|
|
66
|
+
:radius="btnRadius + 'rpx'"
|
|
50
67
|
@click="doLoginAccount"
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
:localdata="[{ value: 1, text: '请阅读并同意《隐私政策》《用户服务协议》' },]"
|
|
60
|
-
>
|
|
61
|
-
<template slot="a1">
|
|
62
|
-
<view class="text-content">
|
|
63
|
-
<text>请阅读并同意</text>
|
|
64
|
-
<text @click.stop="handlePrivacy('privacy_privacy')" :style="{color: mainColor}">《隐私政策》</text>
|
|
65
|
-
<text @click.stop="handlePrivacy('privacy_service')" :style="{color: mainColor}">《用户服务协议》</text>
|
|
66
|
-
</view>
|
|
67
|
-
</template>
|
|
68
|
-
</xd-form-checkbox>
|
|
68
|
+
>
|
|
69
|
+
<!-- 账号登录 -->
|
|
70
|
+
<xd-font-icon v-if="accountLoginBtnIcon"
|
|
71
|
+
style="display: inline-flex;margin-right: 12rpx;"
|
|
72
|
+
:icon="accountLoginBtnIcon"
|
|
73
|
+
></xd-font-icon>
|
|
74
|
+
{{ accountLoginBtnText }}
|
|
75
|
+
</xd-button>
|
|
69
76
|
</view>
|
|
70
77
|
</view>
|
|
78
|
+
<view class="protocol" :style="authAgreementBoxStyle">
|
|
79
|
+
<xd-form-checkbox
|
|
80
|
+
class="xd-form-checkbox"
|
|
81
|
+
v-model="panel_1_checked"
|
|
82
|
+
mode="default"
|
|
83
|
+
multiple
|
|
84
|
+
:localdata="[{ value: 1, text: '请阅读并同意《隐私政策》《用户服务协议》' },]"
|
|
85
|
+
>
|
|
86
|
+
<template slot="a1">
|
|
87
|
+
<view class="text-content" :style="agreeFont">
|
|
88
|
+
<template v-for="item in agreementTextElement">
|
|
89
|
+
<text v-if="item === 'privacy'"
|
|
90
|
+
@click.stop="handlePrivacy('privacy_privacy')"
|
|
91
|
+
:style="privacyFont">《隐私政策》</text>
|
|
92
|
+
<text v-else-if="item === 'service'"
|
|
93
|
+
@click.stop="handlePrivacy('privacy_service')"
|
|
94
|
+
:style="privacyFont">《用户服务协议》</text>
|
|
95
|
+
<text v-else>{{ item }}</text>
|
|
96
|
+
</template>
|
|
97
|
+
</view>
|
|
98
|
+
</template>
|
|
99
|
+
</xd-form-checkbox>
|
|
100
|
+
</view>
|
|
71
101
|
</view>
|
|
72
102
|
<view v-if="showStep === 2" class="panel-login-password">
|
|
73
103
|
<view class="phone-login-type">
|
|
@@ -86,43 +116,66 @@
|
|
|
86
116
|
>密码登录<text :style="{ background: mainColor }"></text
|
|
87
117
|
></view>
|
|
88
118
|
</view>
|
|
89
|
-
<view style="margin-top: 40rpx">
|
|
119
|
+
<view style="margin-top: 40rpx" :style="loginFormStyle">
|
|
90
120
|
<xd-form
|
|
91
|
-
label-
|
|
92
|
-
|
|
93
|
-
content-align="left"
|
|
121
|
+
:label-align="labelAlign"
|
|
122
|
+
:labelPosition="labelPosition"
|
|
94
123
|
:border="true"
|
|
95
|
-
|
|
124
|
+
:key="formRenderKey"
|
|
125
|
+
paddingBetween="0"
|
|
126
|
+
:style="{
|
|
127
|
+
'--form-border-color': formBorderColor,
|
|
128
|
+
'--form-border-width': formBorderWidth + 'px',
|
|
129
|
+
'--label-font-size': ($rpxNum * parseInt(labelFont.fontSize)) + 'px',
|
|
130
|
+
'--label-font-color': labelFont.color,
|
|
131
|
+
'--label-font-weight': labelFont.fontWeight,
|
|
132
|
+
'--content-font-size': ($rpxNum * parseInt(contentFont.fontSize)) + 'px',
|
|
133
|
+
'--content-font-color': contentFont.color,
|
|
134
|
+
'--content-font-weight': contentFont.fontWeight,
|
|
135
|
+
'--placeholder-font-size': ($rpxNum * parseInt(placeholderFont.fontSize)) + 'px',
|
|
136
|
+
'--placeholder-font-color': placeholderFont.color,
|
|
137
|
+
'--placeholder-font-weight': placeholderFont.fontWeight,
|
|
138
|
+
}"
|
|
96
139
|
>
|
|
97
|
-
<xd-form-item class="form-item"
|
|
140
|
+
<xd-form-item class="form-item"
|
|
141
|
+
:class="[inputStyle]"
|
|
142
|
+
label="手机号"
|
|
143
|
+
:leftIcon="phoneIcon"
|
|
144
|
+
:labelWidth="labelWidth"
|
|
145
|
+
content-align="left">
|
|
98
146
|
<xd-form-input
|
|
99
147
|
v-model="accountForm.phone_number"
|
|
100
|
-
placeholder="
|
|
148
|
+
:placeholder="phonePlaceholder"
|
|
101
149
|
/>
|
|
102
150
|
</xd-form-item>
|
|
103
151
|
<xd-form-item
|
|
104
152
|
v-if="accountLoginType === 'phone'"
|
|
153
|
+
class="form-item"
|
|
154
|
+
:class="[inputStyle]"
|
|
105
155
|
label="验证码"
|
|
106
|
-
:
|
|
156
|
+
:leftIcon="codeIcon"
|
|
157
|
+
:labelWidth="labelWidth"
|
|
107
158
|
content-align="left"
|
|
108
159
|
>
|
|
109
160
|
<view class="flex align-center">
|
|
110
161
|
<xd-form-input
|
|
111
162
|
v-model="accountForm.verification_code"
|
|
112
|
-
placeholder="
|
|
163
|
+
:placeholder="codePlaceholder"
|
|
113
164
|
/>
|
|
114
165
|
<view
|
|
115
166
|
class="get_code"
|
|
116
167
|
@click="reGetCode"
|
|
117
|
-
:style="
|
|
168
|
+
:style="getCodeStyle"
|
|
118
169
|
>{{ time ? time + "秒后获取" : "获取验证码" }}
|
|
119
170
|
</view>
|
|
120
171
|
</view>
|
|
121
172
|
</xd-form-item>
|
|
122
173
|
<xd-form-item
|
|
123
174
|
v-if="accountLoginType === 'pwd'"
|
|
175
|
+
class="form-item"
|
|
176
|
+
:class="[inputStyle]"
|
|
124
177
|
label="密码"
|
|
125
|
-
:labelWidth="
|
|
178
|
+
:labelWidth="labelWidth"
|
|
126
179
|
content-align="left"
|
|
127
180
|
>
|
|
128
181
|
<xd-form-input
|
|
@@ -134,7 +187,7 @@
|
|
|
134
187
|
</xd-form>
|
|
135
188
|
</view>
|
|
136
189
|
|
|
137
|
-
<view class="form-group" style="
|
|
190
|
+
<view class="form-group" :style="agreementBoxStyle">
|
|
138
191
|
<xd-form-checkbox
|
|
139
192
|
class="xd-form-checkbox"
|
|
140
193
|
v-model="panel_2_checked"
|
|
@@ -143,22 +196,35 @@
|
|
|
143
196
|
:localdata="[{ value: 1, text: '登录即同意《隐私政策》《用户服务协议》' },]"
|
|
144
197
|
>
|
|
145
198
|
<template slot="a1">
|
|
146
|
-
<view class="text-content">
|
|
147
|
-
<
|
|
148
|
-
|
|
149
|
-
|
|
199
|
+
<view class="text-content" :style="agreeFont">
|
|
200
|
+
<template v-for="item in agreementTextElement">
|
|
201
|
+
<text v-if="item === 'privacy'"
|
|
202
|
+
@click.stop="handlePrivacy('privacy_privacy')"
|
|
203
|
+
:style="privacyFont">《隐私政策》</text>
|
|
204
|
+
<text v-else-if="item === 'service'"
|
|
205
|
+
@click.stop="handlePrivacy('privacy_service')"
|
|
206
|
+
:style="privacyFont">《用户服务协议》</text>
|
|
207
|
+
<text v-else>{{ item }}</text>
|
|
208
|
+
</template>
|
|
150
209
|
</view>
|
|
151
210
|
</template>
|
|
152
211
|
</xd-form-checkbox>
|
|
153
212
|
</view>
|
|
154
|
-
<view class="form-group">
|
|
213
|
+
<view class="form-group" :style="btnWrapStyle">
|
|
155
214
|
<xd-button
|
|
156
215
|
style="flex: 1"
|
|
157
216
|
type="primary"
|
|
158
|
-
radius="
|
|
217
|
+
:radius="btnRadius + 'rpx'"
|
|
218
|
+
:bg-color="btnColor"
|
|
159
219
|
:disabled="!panelTwoIsChecked"
|
|
160
220
|
@click="doLoginForm"
|
|
161
|
-
|
|
221
|
+
>
|
|
222
|
+
<xd-font-icon v-if="phoneLoginBtnIcon"
|
|
223
|
+
style="display: inline-flex;margin-right: 12rpx;"
|
|
224
|
+
:icon="phoneLoginBtnIcon"
|
|
225
|
+
></xd-font-icon>
|
|
226
|
+
{{ phoneLoginBtnText }}
|
|
227
|
+
</xd-button
|
|
162
228
|
>
|
|
163
229
|
</view>
|
|
164
230
|
<view
|
|
@@ -291,6 +357,81 @@ export default {
|
|
|
291
357
|
|
|
292
358
|
isFastLoginStatus: false,
|
|
293
359
|
mpAuthPhoneUrl: "",
|
|
360
|
+
|
|
361
|
+
previewCurrent: 'auth', //当前预览调试模块,auth:授权登录 account:账号登录
|
|
362
|
+
|
|
363
|
+
//logo样式设置
|
|
364
|
+
logoWrapHeight: 480,
|
|
365
|
+
logoHeight: 180,
|
|
366
|
+
logoRadius: 0,
|
|
367
|
+
isShowSiteName: "Y",
|
|
368
|
+
|
|
369
|
+
//协议
|
|
370
|
+
agreementText: "",
|
|
371
|
+
|
|
372
|
+
//按钮
|
|
373
|
+
authLoginBtnText: "快捷登录", //授权登录按钮文案
|
|
374
|
+
authLoginBtnIcon: "", //授权登录按钮图标
|
|
375
|
+
accountLoginBtnText: "账号登录", //账号登录按钮文案
|
|
376
|
+
accountLoginBtnIcon: "", //账号登录按钮图标
|
|
377
|
+
phoneLoginBtnText: "登录", //手机号登录按钮文案
|
|
378
|
+
phoneLoginBtnIcon: "", //手机号登录按钮图标
|
|
379
|
+
btnColor: "", //按钮颜色
|
|
380
|
+
btnRadius: 0, //按钮圆角
|
|
381
|
+
btnMargin: {},
|
|
382
|
+
|
|
383
|
+
phonePlaceholder: "", //手机号登录输入框占位符
|
|
384
|
+
codePlaceholder: "", //验证码登录输入框占位符
|
|
385
|
+
getCodeShowType: "text", //获取验证码展示方式
|
|
386
|
+
|
|
387
|
+
//表单样式
|
|
388
|
+
formRenderKey: "formRenderKey",
|
|
389
|
+
formBgColor: "", //表单背景颜色
|
|
390
|
+
labelAlign: "left", //表单label对齐方式
|
|
391
|
+
labelWidth: 160, //表单label宽度
|
|
392
|
+
labelPosition: "left", //表单label位置
|
|
393
|
+
formPadding: {
|
|
394
|
+
top: 0,
|
|
395
|
+
left: 0,
|
|
396
|
+
right: 0,
|
|
397
|
+
bottom: 0
|
|
398
|
+
},
|
|
399
|
+
phoneIcon: "", //手机号登录输入框图标
|
|
400
|
+
codeIcon: "", //验证码登录输入框图标
|
|
401
|
+
inputStyle: "linear", //输入框样式 linear:线性 face: 面性
|
|
402
|
+
formBorderColor: "#F9F9F9", //
|
|
403
|
+
formBorderWidth: 1, //表单边框宽度
|
|
404
|
+
labelFont: { //表单label字体
|
|
405
|
+
color: "#333",
|
|
406
|
+
fontSize: "24rpx",
|
|
407
|
+
fontWeight: "normal",
|
|
408
|
+
},
|
|
409
|
+
contentFont: { //表单内容字体
|
|
410
|
+
color: "#333",
|
|
411
|
+
fontSize: "24rpx",
|
|
412
|
+
fontWeight: "normal",
|
|
413
|
+
},
|
|
414
|
+
placeholderFont: {
|
|
415
|
+
color: "#d4d4d4",
|
|
416
|
+
fontSize: "24rpx",
|
|
417
|
+
fontWeight: "normal",
|
|
418
|
+
},
|
|
419
|
+
getCodeFont: {
|
|
420
|
+
color: "#ff5a39",
|
|
421
|
+
fontSize: "24rpx",
|
|
422
|
+
fontWeight: "normal",
|
|
423
|
+
},
|
|
424
|
+
agreeFont: {}, //条款字体
|
|
425
|
+
privacyFont: {}, //隐私字体
|
|
426
|
+
agreementAlign: "center", //条款对齐方式
|
|
427
|
+
agreePadding: {
|
|
428
|
+
top: 0,
|
|
429
|
+
left: 0,
|
|
430
|
+
right: 0,
|
|
431
|
+
bottom: 0
|
|
432
|
+
}, //条款内边距
|
|
433
|
+
authAgreePadding: {}, //授权登录条款内边距
|
|
434
|
+
authBtnPadding: {}, //授权登录按钮内边距
|
|
294
435
|
};
|
|
295
436
|
},
|
|
296
437
|
computed: {
|
|
@@ -304,6 +445,81 @@ export default {
|
|
|
304
445
|
prod_bottom() {
|
|
305
446
|
return this.fixedStyle({ height: 0, zIndex: 111 });
|
|
306
447
|
},
|
|
448
|
+
logoStyle(){
|
|
449
|
+
return this.styleObjectToString({
|
|
450
|
+
height: this.logoHeight + 'rpx',
|
|
451
|
+
borderRadius: this.logoRadius + 'rpx',
|
|
452
|
+
})
|
|
453
|
+
},
|
|
454
|
+
loginFormStyle(){
|
|
455
|
+
let padding = `${this.checkValue(this.formPadding.top, 20)}rpx`;
|
|
456
|
+
padding = `${padding} ${this.checkValue(this.formPadding.right, 20)}rpx`;
|
|
457
|
+
padding = `${padding} ${this.checkValue(this.formPadding.bottom, 20)}rpx`;
|
|
458
|
+
padding = `${padding} ${this.checkValue(this.formPadding.left, 20)}rpx`;
|
|
459
|
+
|
|
460
|
+
return this.styleObjectToString({
|
|
461
|
+
background: this.formBgColor,
|
|
462
|
+
padding: padding,
|
|
463
|
+
})
|
|
464
|
+
},
|
|
465
|
+
agreementBoxStyle(){
|
|
466
|
+
let padding = `${this.checkValue(this.agreePadding.top, 20)}rpx`;
|
|
467
|
+
padding = `${padding} ${this.checkValue(this.agreePadding.right, 20)}rpx`;
|
|
468
|
+
padding = `${padding} ${this.checkValue(this.agreePadding.bottom, 20)}rpx`;
|
|
469
|
+
padding = `${padding} ${this.checkValue(this.agreePadding.left, 20)}rpx`;
|
|
470
|
+
return this.styleObjectToString({
|
|
471
|
+
padding: padding,
|
|
472
|
+
})
|
|
473
|
+
},
|
|
474
|
+
authAgreementBoxStyle(){
|
|
475
|
+
let padding = `${this.checkValue(this.authAgreePadding.top, 20)}rpx`;
|
|
476
|
+
padding = `${padding} ${this.checkValue(this.authAgreePadding.right, 20)}rpx`;
|
|
477
|
+
padding = `${padding} ${this.checkValue(this.authAgreePadding.bottom, 20)}rpx`;
|
|
478
|
+
padding = `${padding} ${this.checkValue(this.authAgreePadding.left, 20)}rpx`;
|
|
479
|
+
return this.styleObjectToString({
|
|
480
|
+
padding: padding,
|
|
481
|
+
})
|
|
482
|
+
},
|
|
483
|
+
authBtnBoxStyle(){
|
|
484
|
+
let padding = `${this.checkValue(this.authBtnPadding.top, 20)}rpx`;
|
|
485
|
+
padding = `${padding} ${this.checkValue(this.authBtnPadding.right, 20)}rpx`;
|
|
486
|
+
padding = `${padding} ${this.checkValue(this.authBtnPadding.bottom, 20)}rpx`;
|
|
487
|
+
padding = `${padding} ${this.checkValue(this.authBtnPadding.left, 20)}rpx`;
|
|
488
|
+
return this.styleObjectToString({
|
|
489
|
+
padding: padding,
|
|
490
|
+
})
|
|
491
|
+
},
|
|
492
|
+
btnWrapStyle(){
|
|
493
|
+
let padding = `${this.checkValue(this.btnMargin.top, 20)}rpx`;
|
|
494
|
+
padding = `${padding} ${this.checkValue(this.btnMargin.right, 20)}rpx`;
|
|
495
|
+
padding = `${padding} ${this.checkValue(this.btnMargin.bottom, 20)}rpx`;
|
|
496
|
+
padding = `${padding} ${this.checkValue(this.btnMargin.left, 20)}rpx`;
|
|
497
|
+
return this.styleObjectToString({
|
|
498
|
+
padding: padding,
|
|
499
|
+
})
|
|
500
|
+
},
|
|
501
|
+
getCodeStyle(){
|
|
502
|
+
return this.styleObjectToString({
|
|
503
|
+
color: this.getCodeFont.color,
|
|
504
|
+
borderColor: this.getCodeShowType === 'button' ? this.getCodeFont.color : 'transparent',
|
|
505
|
+
fontSize: this.getCodeFont.fontSize,
|
|
506
|
+
fontWeight: this.getCodeFont.fontWeight,
|
|
507
|
+
})
|
|
508
|
+
},
|
|
509
|
+
agreementTextElement(){
|
|
510
|
+
let agree = this.agreementText;
|
|
511
|
+
console.log(agree, 'agreementTextElement')
|
|
512
|
+
if(!agree) return [];
|
|
513
|
+
let matches = agree.match(/\{\{(\w+)\}\}/g) || [];
|
|
514
|
+
const keys = matches.map(match => match.slice(2, -2));
|
|
515
|
+
let eleArr2 = agree.split(/{{\w+}}/);
|
|
516
|
+
let ele = [];
|
|
517
|
+
for(let i = 0;i<eleArr2.length;i++){
|
|
518
|
+
ele.push(eleArr2[i])
|
|
519
|
+
if(keys[i]) ele.push(keys[i])
|
|
520
|
+
}
|
|
521
|
+
return ele.filter(i => i);
|
|
522
|
+
}
|
|
307
523
|
},
|
|
308
524
|
watch: {
|
|
309
525
|
container(value,oldValue) {
|
|
@@ -413,8 +629,56 @@ export default {
|
|
|
413
629
|
this.error_callback_url = getContainerPropsValue(value, "content.error_url", {value: ''}).value;
|
|
414
630
|
this.mpAuthPhoneUrl = getContainerPropsValue(value, "content.mpAuthPhoneUrl", {value: '/system/login/wxauthorize'}).value;
|
|
415
631
|
this.isPreview = getContainerPropsValue(value, "content.isPreview", 'N');
|
|
632
|
+
this.logoHeight = getContainerPropsValue(value, "content.logoHeight", '180');
|
|
633
|
+
this.logoRadius = getContainerPropsValue(value, "content.logoRadius", '0');
|
|
634
|
+
this.logoWrapHeight = getContainerPropsValue(value, "content.logoWrapHeight", '480');
|
|
635
|
+
this.isShowSiteName = getContainerPropsValue(value, "content.isShowSiteName", 'Y');
|
|
636
|
+
this.agreementText = getContainerPropsValue(value, "content.agreementText", '请阅读并同意{{privacy}}{{service}}');
|
|
637
|
+
this.authLoginBtnText = getContainerPropsValue(value, "content.authLoginBtnText", '快捷登录');
|
|
638
|
+
this.h5FastLoginName = this.authLoginBtnText;
|
|
639
|
+
this.authLoginBtnIcon = getContainerPropsValue(value, "content.authLoginBtnIcon", '');
|
|
640
|
+
this.accountLoginBtnText = getContainerPropsValue(value, "content.accountLoginBtnText", '账号登录');
|
|
641
|
+
this.accountLoginBtnIcon = getContainerPropsValue(value, "content.accountLoginBtnIcon", '');
|
|
642
|
+
this.phoneLoginBtnText = getContainerPropsValue(value, "content.phoneLoginBtnText", '登录');
|
|
643
|
+
this.phoneLoginBtnIcon = getContainerPropsValue(value, "content.phoneLoginBtnIcon", '');
|
|
644
|
+
this.btnColor = getContainerPropsValue(value, "content.btnColor", '');
|
|
645
|
+
this.btnRadius = getContainerPropsValue(value, "content.btnRadius", '0');
|
|
646
|
+
this.btnMargin = getContainerPropsValue(value, "content.btnMargin", {});
|
|
647
|
+
this.previewCurrent = getContainerPropsValue(value, "content.previewCurrent", 'auth');
|
|
648
|
+
this.phonePlaceholder = getContainerPropsValue(value, "content.phonePlaceholder", '请输入手机号');
|
|
649
|
+
this.codePlaceholder = getContainerPropsValue(value, "content.codePlaceholder", '请输入验证码');
|
|
650
|
+
this.getCodeShowType = getContainerPropsValue(value, "content.getCodeShowType", 'text');
|
|
651
|
+
this.formBgColor = getContainerPropsValue(value, "content.formBgColor", '#FFFFFF');
|
|
652
|
+
this.labelAlign = getContainerPropsValue(value, "content.labelAlign", 'left');
|
|
653
|
+
this.labelWidth = getContainerPropsValue(value, "content.labelWidth", '180');
|
|
654
|
+
this.labelPosition = getContainerPropsValue(value, "content.labelPosition", 'top');
|
|
655
|
+
this.formPadding = getContainerPropsValue(value, "content.formPadding", {top: 20, left: 20, right: 20, bottom: 20});
|
|
656
|
+
this.agreePadding = getContainerPropsValue(value, "content.agreePadding", {});
|
|
657
|
+
this.authAgreePadding = getContainerPropsValue(value, "content.authAgreePadding", {top: 20, left: 20, right: 20, bottom: 20});
|
|
658
|
+
this.authBtnPadding = getContainerPropsValue(value, "content.authBtnPadding", {top: 20, left: 20, right: 20, bottom: 20});
|
|
659
|
+
this.phoneIcon = getContainerPropsValue(value, "content.phoneIcon", '');
|
|
660
|
+
this.codeIcon = getContainerPropsValue(value, "content.codeIcon", '');
|
|
661
|
+
this.inputStyle = getContainerPropsValue(value, "content.inputStyle", 'linear');
|
|
662
|
+
this.formBorderColor = getContainerPropsValue(value, "content.formBorderColor", '#F9F9F9');
|
|
663
|
+
this.formBorderWidth = getContainerPropsValue(value, "content.formBorderWidth", '1');
|
|
664
|
+
this.labelFont = getContainerPropsValue(value, "content.labelFont", {});
|
|
665
|
+
this.contentFont = getContainerPropsValue(value, "content.contentFont", {});
|
|
666
|
+
this.placeholderFont = getContainerPropsValue(value, "content.placeholderFont", {});
|
|
667
|
+
this.getCodeFont = getContainerPropsValue(value, "content.getCodeFont", {});
|
|
668
|
+
this.agreeFont = getContainerPropsValue(value, "content.agreeFont", {});
|
|
669
|
+
this.privacyFont = getContainerPropsValue(value, "content.privacyFont", {});
|
|
670
|
+
this.agreementAlign = getContainerPropsValue(value, "content.agreementAlign", 'center');
|
|
671
|
+
console.log(this.agreePadding, 'this.agreePadding');
|
|
672
|
+
if(this.inputStyle === 'face'){
|
|
673
|
+
this.labelPosition = 'top';
|
|
674
|
+
this.labelAlign = 'left';
|
|
675
|
+
}
|
|
676
|
+
if(this.$configProject.isPreview){
|
|
677
|
+
if(this.previewCurrent === 'account') this.showStep = 2;
|
|
678
|
+
else this.showStep = 1;
|
|
679
|
+
this.formRenderKey = Date.now();
|
|
680
|
+
}
|
|
416
681
|
},
|
|
417
|
-
|
|
418
682
|
/**
|
|
419
683
|
* @description 获取到登录方式之后处理
|
|
420
684
|
*/
|
|
@@ -798,22 +1062,23 @@ export default {
|
|
|
798
1062
|
|
|
799
1063
|
&__body {
|
|
800
1064
|
.xd-form-checkbox {
|
|
801
|
-
|
|
1065
|
+
::v-deep .checklist-content .checklist-text {
|
|
802
1066
|
font-size: 26rpx !important;
|
|
803
1067
|
}
|
|
804
1068
|
}
|
|
805
1069
|
.xd-form-checkbox {
|
|
806
|
-
|
|
1070
|
+
::v-deep .checklist-box {
|
|
807
1071
|
margin: 0;
|
|
1072
|
+
align-items: var(--agreement-align);
|
|
808
1073
|
}
|
|
809
1074
|
}
|
|
810
1075
|
.xd-form-checkbox {
|
|
811
|
-
|
|
1076
|
+
::v-deep .checklist-group {
|
|
812
1077
|
justify-content: center;
|
|
813
1078
|
}
|
|
814
1079
|
}
|
|
815
1080
|
.xd-form-checkbox {
|
|
816
|
-
|
|
1081
|
+
::v-deep .checklist-text {
|
|
817
1082
|
margin-left: unit(20,rpx) !important;
|
|
818
1083
|
}
|
|
819
1084
|
}
|
|
@@ -822,25 +1087,61 @@ export default {
|
|
|
822
1087
|
padding: 40rpx 70rpx;
|
|
823
1088
|
}
|
|
824
1089
|
.form-item {
|
|
825
|
-
::v-deep
|
|
1090
|
+
::v-deep &.uni-forms-item {
|
|
826
1091
|
padding-left: unit(30rpx) !important;
|
|
1092
|
+
.uni-input-input{
|
|
1093
|
+
font-size: var(--content-font-size);
|
|
1094
|
+
color: var(--content-font-color);
|
|
1095
|
+
font-weight: var(--content-font-weight);
|
|
1096
|
+
}
|
|
1097
|
+
.label-text {
|
|
1098
|
+
font-size: var(--label-font-size);
|
|
1099
|
+
color: var(--label-font-color);
|
|
1100
|
+
font-weight: var(--label-font-weight);
|
|
1101
|
+
}
|
|
1102
|
+
.uni-easyinput__placeholder-class{
|
|
1103
|
+
font-size: var(--placeholder-font-size);
|
|
1104
|
+
color: var(--placeholder-font-color);
|
|
1105
|
+
font-weight: var(--placeholder-font-weight);
|
|
1106
|
+
}
|
|
1107
|
+
}
|
|
1108
|
+
&.linear{
|
|
1109
|
+
::v-deep &.uni-forms-item--border{
|
|
1110
|
+
border-color: var(--form-border-color) !important;
|
|
1111
|
+
border-width: var(--form-border-width) !important;
|
|
1112
|
+
}
|
|
1113
|
+
}
|
|
1114
|
+
&.face{
|
|
1115
|
+
::v-deep .uni-forms-item__content{
|
|
1116
|
+
background: #F7F7F7;
|
|
1117
|
+
border-radius: 16rpx;
|
|
1118
|
+
}
|
|
1119
|
+
::v-deep &.uni-forms-item--border{
|
|
1120
|
+
border: none;
|
|
1121
|
+
}
|
|
1122
|
+
|
|
827
1123
|
}
|
|
828
1124
|
}
|
|
829
1125
|
.get_code {
|
|
830
1126
|
color: @xd-base-color;
|
|
831
1127
|
font-size: 24rpx;
|
|
832
1128
|
margin-right: unit(20,rpx);
|
|
1129
|
+
padding: 10rpx 24rpx;
|
|
1130
|
+
border: 1px solid @xd-base-color;
|
|
1131
|
+
border-radius: 40rpx;
|
|
833
1132
|
}
|
|
834
1133
|
.panel-login-auth {
|
|
835
|
-
|
|
1134
|
+
::v-deep .uni-forms-item__label {
|
|
836
1135
|
.label-text {
|
|
837
1136
|
font-size: 26rpx;
|
|
838
1137
|
color: #a6a6a6;
|
|
839
1138
|
}
|
|
840
1139
|
}
|
|
841
1140
|
.logo-wrap {
|
|
842
|
-
|
|
843
|
-
|
|
1141
|
+
display: flex;
|
|
1142
|
+
align-items: center;
|
|
1143
|
+
justify-content: center;
|
|
1144
|
+
flex-direction: column;
|
|
844
1145
|
image {
|
|
845
1146
|
width: 180rpx;
|
|
846
1147
|
height: 180rpx;
|
|
@@ -861,13 +1162,13 @@ export default {
|
|
|
861
1162
|
}
|
|
862
1163
|
}
|
|
863
1164
|
.panel-login-password {
|
|
864
|
-
|
|
1165
|
+
::v-deep .uni-forms-item__label {
|
|
865
1166
|
.label-text {
|
|
866
1167
|
font-size: 26rpx;
|
|
867
1168
|
color: #a6a6a6;
|
|
868
1169
|
}
|
|
869
1170
|
}
|
|
870
|
-
|
|
1171
|
+
::v-deep .uni-easyinput__placeholder-class {
|
|
871
1172
|
font-size: 26rpx;
|
|
872
1173
|
color: #d4d4d4;
|
|
873
1174
|
}
|
|
@@ -918,13 +1219,13 @@ export default {
|
|
|
918
1219
|
}
|
|
919
1220
|
}
|
|
920
1221
|
.panel-forget-password {
|
|
921
|
-
|
|
1222
|
+
::v-deep .uni-forms-item__label {
|
|
922
1223
|
.label-text {
|
|
923
1224
|
font-size: 26rpx;
|
|
924
1225
|
color: #a6a6a6;
|
|
925
1226
|
}
|
|
926
1227
|
}
|
|
927
|
-
|
|
1228
|
+
::v-deep .uni-easyinput__placeholder-class {
|
|
928
1229
|
font-size: 26rpx;
|
|
929
1230
|
color: #d4d4d4;
|
|
930
1231
|
}
|
|
@@ -945,14 +1246,14 @@ export default {
|
|
|
945
1246
|
}
|
|
946
1247
|
}
|
|
947
1248
|
.panel-reset-password {
|
|
948
|
-
|
|
1249
|
+
::v-deep .uni-forms-item__label {
|
|
949
1250
|
width: 185rpx !important;
|
|
950
1251
|
.label-text {
|
|
951
1252
|
font-size: 26rpx;
|
|
952
1253
|
color: #a6a6a6;
|
|
953
1254
|
}
|
|
954
1255
|
}
|
|
955
|
-
|
|
1256
|
+
::v-deep .uni-easyinput__placeholder-class {
|
|
956
1257
|
font-size: 26rpx;
|
|
957
1258
|
color: #d4d4d4;
|
|
958
1259
|
}
|
|
@@ -1014,7 +1315,7 @@ export default {
|
|
|
1014
1315
|
}
|
|
1015
1316
|
|
|
1016
1317
|
/* #ifdef MP-WEIXIN */
|
|
1017
|
-
|
|
1318
|
+
::v-deep .xd-form-checkbox .checklist-group {
|
|
1018
1319
|
justify-content: center;
|
|
1019
1320
|
display: flex;
|
|
1020
1321
|
align-items: center;
|
|
@@ -160,7 +160,7 @@ export default {
|
|
|
160
160
|
// 判断queryobjArr中是否存在"x-params"参数
|
|
161
161
|
if (queryobjArr["x-params"]) {
|
|
162
162
|
// 如果存在,则将参数拼接到url中,并跳转到该url
|
|
163
|
-
let path = `${this.change_url}?x-params=${queryobjArr["x-params"]}&referrer=official
|
|
163
|
+
let path = `${this.change_url}?x-params=${queryobjArr["x-params"]}&referrer=official`;
|
|
164
164
|
this.$xdUniHelper.navigateTo({
|
|
165
165
|
url: path,
|
|
166
166
|
});
|
|
@@ -238,7 +238,7 @@ export default {
|
|
|
238
238
|
// 判断queryobjArr中是否存在"x-params"参数
|
|
239
239
|
if (queryobjArr["x-params"]) {
|
|
240
240
|
// 如果存在,则将参数拼接到url中,并跳转到该url
|
|
241
|
-
let path = `${this.change_url}?x-params=${queryobjArr["x-params"]}&referrer=official
|
|
241
|
+
let path = `${this.change_url}?x-params=${queryobjArr["x-params"]}&referrer=official`;
|
|
242
242
|
this.$xdUniHelper.navigateTo({
|
|
243
243
|
url: path,
|
|
244
244
|
});
|