jufubao-base 1.0.169-beta9 → 1.0.169

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.
Files changed (37) hide show
  1. package/package.json +1 -1
  2. package/src/components/JfbBaseLogin/Attr.js +510 -1147
  3. package/src/components/JfbBaseLogin/JfbBaseLogin.vue +63 -364
  4. package/src/components/JfbBaseMapSearch/MapSearchMp.vue +1 -1
  5. package/src/components/JfbBaseTfkCardBind/Api.js +30 -49
  6. package/src/components/JfbBaseTfkCardBind/Attr.js +38 -635
  7. package/src/components/JfbBaseTfkCardBind/JfbBaseTfkCardBind.vue +22 -589
  8. package/src/components/JfbBaseTfkCardBind/Mock.js +9 -19
  9. package/src/components/JfbBaseTfkCardDetail/Api.js +32 -19
  10. package/src/components/JfbBaseTfkCardDetail/Attr.js +33 -692
  11. package/src/components/JfbBaseTfkCardDetail/JfbBaseTfkCardDetail.vue +23 -630
  12. package/src/components/JfbBaseTfkCardDetail/Mock.js +11 -151
  13. package/src/components/JfbBaseTfkCardLogin/Api.js +34 -19
  14. package/src/components/JfbBaseTfkCardLogin/Attr.js +33 -885
  15. package/src/components/JfbBaseTfkCardLogin/JfbBaseTfkCardLogin.vue +16 -729
  16. package/src/components/JfbBaseTfkCardLogin/Mock.js +11 -721
  17. package/src/components/JfbBaseTfkSearch/Api.js +42 -11
  18. package/src/components/JfbBaseTfkSearch/Attr.js +33 -143
  19. package/src/components/JfbBaseTfkSearch/JfbBaseTfkSearch.vue +22 -171
  20. package/src/components/JfbBaseTfkSearch/Mock.js +11 -90
  21. package/src/mixins/colorCardMixins.js +9 -71
  22. package/src/mixins/componentsMixins.js +23 -346
  23. package/src/components/JfbBaseTfkCardLogin/XdCouponItem.vue +0 -271
  24. package/src/components/JfbBaseTfkSearch/AllList.vue +0 -231
  25. package/src/components/JfbBaseTfkSearch/ContentCinema.vue +0 -157
  26. package/src/components/JfbBaseTfkSearch/ContentFilm.vue +0 -179
  27. package/src/components/JfbBaseTfkSearch/ContentProduct.vue +0 -308
  28. package/src/components/JfbBaseTfkSearch/ContentShop.vue +0 -184
  29. package/src/components/JfbBaseTfkSearch/CusAttr.js +0 -203
  30. package/src/components/JfbBaseTfkSearch/CustomList.vue +0 -401
  31. package/src/components/JfbBaseTfkSearch/SkeletonCinema.vue +0 -45
  32. package/src/components/JfbBaseTfkSearch/SkeletonFilm.vue +0 -109
  33. package/src/components/JfbBaseTfkSearch/SkeletonProduct.vue +0 -246
  34. package/src/components/JfbBaseTfkSearch/SkeletonShop.vue +0 -81
  35. package/src/components/JfbBaseTfkSearch/handleKeyword.js +0 -24
  36. package/src/components/JfbBaseTfkSearch/listMixins.js +0 -151
  37. package/src/components/JfbBaseTfkSearch/search.js +0 -293
@@ -16,87 +16,57 @@
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" :style="{
20
- '--agreement-align': agreementAlign
21
- }">
19
+ <view class="jfb-base-login__body">
22
20
  <view v-if="showStep === 1" class="panel-login-auth">
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>
21
+ <view class="logo-wrap">
22
+ <image mode="aspectFit" :src="logo" @click="openDebugger()" />
23
+ <view :style="{ color: logoTextColor, }" >{{ partnerName }}</view>
28
24
  </view>
29
- <view class="login_types" :style="authBtnBoxStyle">
25
+ <view class="login_types">
30
26
  <!--#ifdef H5-->
31
27
  <xd-button
32
28
  v-if="hasAuthLogin"
33
29
  :disabled="!panelIsChecked"
34
30
  type="primary"
35
- :radius="btnRadius + 'rpx'"
31
+ radius="20rpx"
36
32
  @click="doLoginAuth"
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>
33
+ >{{h5FastLoginName}}</xd-button>
44
34
  <!-- #endif -->
45
35
  <!--#ifdef MP-->
46
36
  <xd-button
47
37
  v-if="hasAuthLogin"
48
38
  :disabled="!panelIsChecked"
49
39
  type="primary"
50
- :radius="btnRadius + 'rpx'"
40
+ radius="20rpx"
51
41
  @click="doWxMpLogin"
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>
42
+ >快捷登录</xd-button>
60
43
  <!-- #endif -->
61
44
  <view class="login-pub">
62
45
  <xd-button
63
46
  v-if="hasAccountLogin"
64
47
  :disabled="!panelIsChecked"
65
48
  type="primary"
66
- :radius="btnRadius + 'rpx'"
49
+ radius="20rpx"
67
50
  @click="doLoginAccount"
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>
51
+ >账号登录</xd-button>
52
+ </view>
53
+ <view class="protocol">
54
+ <xd-form-checkbox
55
+ class="xd-form-checkbox"
56
+ v-model="panel_1_checked"
57
+ mode="default"
58
+ multiple
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>
76
69
  </view>
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
70
  </view>
101
71
  </view>
102
72
  <view v-if="showStep === 2" class="panel-login-password">
@@ -116,66 +86,43 @@
116
86
  >密码登录<text :style="{ background: mainColor }"></text
117
87
  ></view>
118
88
  </view>
119
- <view style="margin-top: 40rpx" :style="loginFormStyle">
89
+ <view style="margin-top: 40rpx">
120
90
  <xd-form
121
- :label-align="labelAlign"
122
- :labelPosition="labelPosition"
91
+ label-width="150"
92
+ label-align="right"
93
+ content-align="left"
123
94
  :border="true"
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
- }"
95
+ paddingBetween="40"
139
96
  >
140
- <xd-form-item class="form-item"
141
- :class="[inputStyle]"
142
- label="手机号"
143
- :leftIcon="phoneIcon"
144
- :labelWidth="labelWidth"
145
- content-align="left">
97
+ <xd-form-item class="form-item" label="手机号" :labelWidth="160" content-align="left">
146
98
  <xd-form-input
147
99
  v-model="accountForm.phone_number"
148
- :placeholder="phonePlaceholder"
100
+ placeholder="请输入11位手机号"
149
101
  />
150
102
  </xd-form-item>
151
103
  <xd-form-item
152
104
  v-if="accountLoginType === 'phone'"
153
- class="form-item"
154
- :class="[inputStyle]"
155
105
  label="验证码"
156
- :leftIcon="codeIcon"
157
- :labelWidth="labelWidth"
106
+ :labelWidth="160"
158
107
  content-align="left"
159
108
  >
160
109
  <view class="flex align-center">
161
110
  <xd-form-input
162
111
  v-model="accountForm.verification_code"
163
- :placeholder="codePlaceholder"
112
+ placeholder="请输入验证码"
164
113
  />
165
114
  <view
166
115
  class="get_code"
167
116
  @click="reGetCode"
168
- :style="getCodeStyle"
117
+ :style="{ color: mainColor }"
169
118
  >{{ time ? time + "秒后获取" : "获取验证码" }}
170
119
  </view>
171
120
  </view>
172
121
  </xd-form-item>
173
122
  <xd-form-item
174
123
  v-if="accountLoginType === 'pwd'"
175
- class="form-item"
176
- :class="[inputStyle]"
177
124
  label="密码"
178
- :labelWidth="labelWidth"
125
+ :labelWidth="160"
179
126
  content-align="left"
180
127
  >
181
128
  <xd-form-input
@@ -187,7 +134,7 @@
187
134
  </xd-form>
188
135
  </view>
189
136
 
190
- <view class="form-group" :style="agreementBoxStyle">
137
+ <view class="form-group" style="padding-bottom:0">
191
138
  <xd-form-checkbox
192
139
  class="xd-form-checkbox"
193
140
  v-model="panel_2_checked"
@@ -196,35 +143,22 @@
196
143
  :localdata="[{ value: 1, text: '登录即同意《隐私政策》《用户服务协议》' },]"
197
144
  >
198
145
  <template slot="a1">
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>
146
+ <view class="text-content">
147
+ <text>请阅读并同意</text>
148
+ <text @click.stop="handlePrivacy('privacy_privacy')" :style="{color: mainColor}">《隐私政策》</text>
149
+ <text @click.stop="handlePrivacy('privacy_service')" :style="{color: mainColor}">《用户服务协议》</text>
209
150
  </view>
210
151
  </template>
211
152
  </xd-form-checkbox>
212
153
  </view>
213
- <view class="form-group" :style="btnWrapStyle">
154
+ <view class="form-group">
214
155
  <xd-button
215
156
  style="flex: 1"
216
157
  type="primary"
217
- :radius="btnRadius + 'rpx'"
218
- :bg-color="btnColor"
158
+ radius="10rpx"
219
159
  :disabled="!panelTwoIsChecked"
220
160
  @click="doLoginForm"
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
161
+ >登录</xd-button
228
162
  >
229
163
  </view>
230
164
  <view
@@ -357,81 +291,6 @@ export default {
357
291
 
358
292
  isFastLoginStatus: false,
359
293
  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: {}, //授权登录按钮内边距
435
294
  };
436
295
  },
437
296
  computed: {
@@ -445,81 +304,6 @@ export default {
445
304
  prod_bottom() {
446
305
  return this.fixedStyle({ height: 0, zIndex: 111 });
447
306
  },
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
- }
523
307
  },
524
308
  watch: {
525
309
  container(value,oldValue) {
@@ -629,56 +413,8 @@ export default {
629
413
  this.error_callback_url = getContainerPropsValue(value, "content.error_url", {value: ''}).value;
630
414
  this.mpAuthPhoneUrl = getContainerPropsValue(value, "content.mpAuthPhoneUrl", {value: '/system/login/wxauthorize'}).value;
631
415
  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
- }
681
416
  },
417
+
682
418
  /**
683
419
  * @description 获取到登录方式之后处理
684
420
  */
@@ -1062,23 +798,22 @@ export default {
1062
798
 
1063
799
  &__body {
1064
800
  .xd-form-checkbox {
1065
- ::v-deep .checklist-content .checklist-text {
801
+ /deep/ .checklist-content .checklist-text {
1066
802
  font-size: 26rpx !important;
1067
803
  }
1068
804
  }
1069
805
  .xd-form-checkbox {
1070
- ::v-deep .checklist-box {
806
+ /deep/ .checklist-box {
1071
807
  margin: 0;
1072
- align-items: var(--agreement-align);
1073
808
  }
1074
809
  }
1075
810
  .xd-form-checkbox {
1076
- ::v-deep .checklist-group {
811
+ /deep/ .checklist-group {
1077
812
  justify-content: center;
1078
813
  }
1079
814
  }
1080
815
  .xd-form-checkbox {
1081
- ::v-deep .checklist-text {
816
+ /deep/ .checklist-text {
1082
817
  margin-left: unit(20,rpx) !important;
1083
818
  }
1084
819
  }
@@ -1087,61 +822,25 @@ export default {
1087
822
  padding: 40rpx 70rpx;
1088
823
  }
1089
824
  .form-item {
1090
- ::v-deep &.uni-forms-item {
825
+ ::v-deep .uni-forms-item {
1091
826
  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
-
1123
827
  }
1124
828
  }
1125
829
  .get_code {
1126
830
  color: @xd-base-color;
1127
831
  font-size: 24rpx;
1128
832
  margin-right: unit(20,rpx);
1129
- padding: 10rpx 24rpx;
1130
- border: 1px solid @xd-base-color;
1131
- border-radius: 40rpx;
1132
833
  }
1133
834
  .panel-login-auth {
1134
- ::v-deep .uni-forms-item__label {
835
+ /deep/ .uni-forms-item__label {
1135
836
  .label-text {
1136
837
  font-size: 26rpx;
1137
838
  color: #a6a6a6;
1138
839
  }
1139
840
  }
1140
841
  .logo-wrap {
1141
- display: flex;
1142
- align-items: center;
1143
- justify-content: center;
1144
- flex-direction: column;
842
+ text-align: center;
843
+ margin: unit(165,rpx) 0;
1145
844
  image {
1146
845
  width: 180rpx;
1147
846
  height: 180rpx;
@@ -1162,13 +861,13 @@ export default {
1162
861
  }
1163
862
  }
1164
863
  .panel-login-password {
1165
- ::v-deep .uni-forms-item__label {
864
+ /deep/ .uni-forms-item__label {
1166
865
  .label-text {
1167
866
  font-size: 26rpx;
1168
867
  color: #a6a6a6;
1169
868
  }
1170
869
  }
1171
- ::v-deep .uni-easyinput__placeholder-class {
870
+ /deep/ .uni-easyinput__placeholder-class {
1172
871
  font-size: 26rpx;
1173
872
  color: #d4d4d4;
1174
873
  }
@@ -1219,13 +918,13 @@ export default {
1219
918
  }
1220
919
  }
1221
920
  .panel-forget-password {
1222
- ::v-deep .uni-forms-item__label {
921
+ /deep/ .uni-forms-item__label {
1223
922
  .label-text {
1224
923
  font-size: 26rpx;
1225
924
  color: #a6a6a6;
1226
925
  }
1227
926
  }
1228
- ::v-deep .uni-easyinput__placeholder-class {
927
+ /deep/ .uni-easyinput__placeholder-class {
1229
928
  font-size: 26rpx;
1230
929
  color: #d4d4d4;
1231
930
  }
@@ -1246,14 +945,14 @@ export default {
1246
945
  }
1247
946
  }
1248
947
  .panel-reset-password {
1249
- ::v-deep .uni-forms-item__label {
948
+ /deep/ .uni-forms-item__label {
1250
949
  width: 185rpx !important;
1251
950
  .label-text {
1252
951
  font-size: 26rpx;
1253
952
  color: #a6a6a6;
1254
953
  }
1255
954
  }
1256
- ::v-deep .uni-easyinput__placeholder-class {
955
+ /deep/ .uni-easyinput__placeholder-class {
1257
956
  font-size: 26rpx;
1258
957
  color: #d4d4d4;
1259
958
  }
@@ -1315,7 +1014,7 @@ export default {
1315
1014
  }
1316
1015
 
1317
1016
  /* #ifdef MP-WEIXIN */
1318
- ::v-deep .xd-form-checkbox .checklist-group {
1017
+ /deep/ .xd-form-checkbox .checklist-group {
1319
1018
  justify-content: center;
1320
1019
  display: flex;
1321
1020
  align-items: center;
@@ -46,7 +46,7 @@
46
46
  this.BMap = new bmap.BMapWX({
47
47
  ak: this.ak
48
48
  })
49
- wx.getFuzzyLocation({
49
+ uni.getLocation({
50
50
  type: "gcj08",
51
51
  success: res => {
52
52
  console.log("getLocation", res);