yswk-ui 0.0.1 → 0.0.2

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 (8) hide show
  1. package/dist/component/scan/ScanTobaInput/type.d.ts +88 -40
  2. package/dist/component/scan/ScanTobaInput/v0.0.1/type.d.ts +127 -0
  3. package/dist/component/scan/ScanTobaResult/type.d.ts +70 -54
  4. package/dist/index.css +1 -1
  5. package/dist/index.es.js +2209 -1803
  6. package/dist/utils/request.d.ts +2 -0
  7. package/dist/utils/styleHelper.d.ts +1 -0
  8. package/package.json +5 -5
package/dist/component/scan/ScanTobaInput/type.d.ts CHANGED
@@ -10,59 +10,107 @@ export interface StyleSchema {
10
10
  top: number;
11
11
  width: number;
12
12
  height: number;
13
+ centerHorizontal?: boolean;
13
14
  };
14
15
  animation: {
15
16
  enterAnimation: string;
16
17
  exitAnimation: string;
17
18
  };
18
19
  title: {
19
- marginTop: number;
20
- marginLeft?: number;
21
- text: string;
22
- textColor: string;
23
- fontSize: number;
20
+ position?: {
21
+ marginTop: number;
22
+ marginLeft: number;
23
+ centerHorizontal?: boolean;
24
+ };
25
+ contentText: {
26
+ text: string;
27
+ textColor: string;
28
+ fontSize: number;
29
+ };
24
30
  };
25
31
  input: {
26
- marginTop: number;
27
- width: number;
28
- height: number;
29
- count: number;
30
- gap: number;
31
- inputBg: string;
32
- textColor: string;
33
- fontSize: number;
32
+ position?: {
33
+ marginTop: number;
34
+ marginLeft?: number;
35
+ centerHorizontal?: boolean;
36
+ };
37
+ layout?: {
38
+ count: number;
39
+ gap: number;
40
+ };
41
+ singleInput?: {
42
+ width: number;
43
+ height: number;
44
+ inputBg: string;
45
+ };
46
+ inputText?: {
47
+ textColor: string;
48
+ fontSize: number;
49
+ };
34
50
  };
35
51
  checkbox: {
36
- marginTop: number;
37
- marginLeft?: number;
38
- checkedImage: string;
39
- uncheckedImage: string;
40
- openEditView?: boolean;
41
- imageWidth: number;
42
- imageHeight: number;
43
- text: string;
44
- textColor: string;
45
- fontSize: number;
52
+ position?: {
53
+ marginTop: number;
54
+ marginLeft: number;
55
+ centerHorizontal?: boolean;
56
+ };
57
+ uncheckedIcon: {
58
+ uncheckedImage: string;
59
+ uncheckedWidth?: number;
60
+ uncheckedHeight?: number;
61
+ };
62
+ checkedIcon: {
63
+ checkedImage: string;
64
+ checkedWidth?: number;
65
+ checkedHeight?: number;
66
+ };
67
+ iconSettings: {
68
+ openEditView?: boolean;
69
+ };
70
+ checkboxText: {
71
+ text: string;
72
+ textColor: string;
73
+ fontSize: number;
74
+ };
46
75
  };
47
- notice: {
48
- marginTop: number;
49
- marginLeft: number;
50
- title: string;
51
- titleColor: string;
52
- titleFontSize: number;
53
- content: string;
54
- contentColor: string;
55
- contentFontSize: number;
56
- height: number;
57
- width: number;
58
- bgColor: string;
76
+ noticeTitle: {
77
+ position?: {
78
+ marginTop: number;
79
+ marginLeft: number;
80
+ centerHorizontal?: boolean;
81
+ };
82
+ titleText: {
83
+ text: string;
84
+ color: string;
85
+ fontSize: number;
86
+ };
87
+ };
88
+ noticeContent: {
89
+ position?: {
90
+ marginTop: number;
91
+ marginLeft: number;
92
+ centerHorizontal?: boolean;
93
+ width: number;
94
+ height: number;
95
+ bgColor: string;
96
+ };
97
+ contentText: {
98
+ text: string;
99
+ color: string;
100
+ fontSize: number;
101
+ };
59
102
  };
60
103
  confirmButton: {
61
- marginTop: number;
62
- marginLeft: number;
63
- backgroundImage: string;
64
- width: number;
65
- height: number;
104
+ position?: {
105
+ marginTop: number;
106
+ marginLeft: number;
107
+ centerHorizontal?: boolean;
108
+ width: number;
109
+ height: number;
110
+ };
111
+ buttonStyle: {
112
+ backgroundImage: string;
113
+ };
66
114
  };
67
115
  }
68
116
  export interface BusinessSchema {
package/dist/component/scan/ScanTobaInput/v0.0.1/type.d.ts ADDED
@@ -0,0 +1,127 @@
1
+ import { IApiConfig } from '../../../../types/component';
2
+ export interface StyleSchema {
3
+ overlay: {
4
+ openEditView: boolean;
5
+ maskColor: string;
6
+ backgroundImage: string;
7
+ };
8
+ contentPosition: {
9
+ left: number;
10
+ top: number;
11
+ width: number;
12
+ height: number;
13
+ };
14
+ animation: {
15
+ enterAnimation: string;
16
+ exitAnimation: string;
17
+ };
18
+ title: {
19
+ marginTop: number;
20
+ marginLeft?: number;
21
+ text: string;
22
+ textColor: string;
23
+ fontSize: number;
24
+ };
25
+ input: {
26
+ marginTop: number;
27
+ width: number;
28
+ height: number;
29
+ count: number;
30
+ gap: number;
31
+ inputBg: string;
32
+ textColor: string;
33
+ fontSize: number;
34
+ };
35
+ checkbox: {
36
+ marginTop: number;
37
+ marginLeft?: number;
38
+ checkedImage: string;
39
+ uncheckedImage: string;
40
+ openEditView?: boolean;
41
+ imageWidth: number;
42
+ imageHeight: number;
43
+ text: string;
44
+ textColor: string;
45
+ fontSize: number;
46
+ };
47
+ notice: {
48
+ marginTop: number;
49
+ marginLeft: number;
50
+ title: string;
51
+ titleColor: string;
52
+ titleFontSize: number;
53
+ content: string;
54
+ contentColor: string;
55
+ contentFontSize: number;
56
+ height: number;
57
+ width: number;
58
+ bgColor: string;
59
+ };
60
+ confirmButton: {
61
+ marginTop: number;
62
+ marginLeft: number;
63
+ backgroundImage: string;
64
+ width: number;
65
+ height: number;
66
+ };
67
+ }
68
+ export interface BusinessSchema {
69
+ preCode: {
70
+ preCodeVal: string;
71
+ };
72
+ resultProcess: {
73
+ verifySuccessPageId: string;
74
+ verifiedFirstPageId: string;
75
+ otherVerifyPageId: string;
76
+ otherVerifyMorePageId: string;
77
+ verifyCodeErrorPageId: string;
78
+ errorPageId: string;
79
+ needVerifyPageId: string;
80
+ limitReachedPageId: string;
81
+ qrcodeNotExistPageId: string;
82
+ tobaNotExistPageId: string;
83
+ codeNotActivatedPageId: string;
84
+ defaultErrorPageId: string;
85
+ };
86
+ }
87
+ export interface IScanNumKeyStyle {
88
+ openEditView: boolean;
89
+ height: number;
90
+ backgroundColor: string;
91
+ textColor: string;
92
+ fontSize: number;
93
+ dividerColor: string;
94
+ dividerWidth: number;
95
+ }
96
+ export interface IProps {
97
+ styleSchema?: StyleSchema;
98
+ businessSchema?: BusinessSchema;
99
+ ScanNumberInput?: {
100
+ styleSchema?: {
101
+ popup: IScanNumKeyStyle;
102
+ parentPopup: {
103
+ marginTop: number;
104
+ };
105
+ };
106
+ };
107
+ previewConfig: Record<string, IApiConfig>;
108
+ }
109
+ export declare const defaultPageProps: IProps;
110
+ export interface ICheckResData {
111
+ qrCodeMd5: string;
112
+ checkStatus: number;
113
+ isRequired: 0 | 1;
114
+ verifyCode: string | null;
115
+ isFirst: 0 | 1;
116
+ verifyTime: string | null;
117
+ tobaId: string | null;
118
+ tobaName: string | null;
119
+ tobaType: string | null;
120
+ tobaImg: string | null;
121
+ cssUrl: string | null;
122
+ scanLogId: string;
123
+ provCode: string;
124
+ cityCode: string;
125
+ countyCode: string;
126
+ scanId: number;
127
+ }
package/dist/component/scan/ScanTobaResult/type.d.ts CHANGED
@@ -6,7 +6,6 @@ export interface StyleSchema {
6
6
  backgroundImage: string;
7
7
  };
8
8
  contentPosition: {
9
- left: number;
10
9
  top: number;
11
10
  width: number;
12
11
  height: number;
@@ -17,97 +16,114 @@ export interface StyleSchema {
17
16
  };
18
17
  resultTextContent: {
19
18
  openEditType: string;
20
- marginTop: number;
19
+ position: {
20
+ marginTop: number;
21
+ };
22
+ defaultTextStyle: {
23
+ marginTop: number;
24
+ };
21
25
  '1': {
22
26
  text: string;
23
- marginLeft: number;
24
- fontSize: number;
25
- color: string;
26
- fontWeight: number;
27
+ useDefaultStyle?: boolean;
28
+ fontSize?: number;
29
+ color?: string;
30
+ fontWeight?: number;
27
31
  };
28
32
  '2': {
29
33
  text: string;
30
- marginLeft: number;
31
- fontSize: number;
32
- color: string;
33
- fontWeight: number;
34
+ useDefaultStyle?: boolean;
35
+ fontSize?: number;
36
+ color?: string;
37
+ fontWeight?: number;
34
38
  };
35
39
  '3': {
36
40
  text: string;
37
- marginLeft: number;
38
- fontSize: number;
39
- color: string;
40
- fontWeight: number;
41
+ useDefaultStyle?: boolean;
42
+ fontSize?: number;
43
+ color?: string;
44
+ fontWeight?: number;
41
45
  };
42
46
  '4': {
43
47
  text: string;
44
- marginLeft: number;
45
- fontSize: number;
46
- color: string;
47
- fontWeight: number;
48
+ useDefaultStyle?: boolean;
49
+ fontSize?: number;
50
+ color?: string;
51
+ fontWeight?: number;
48
52
  };
49
53
  '5': {
50
54
  text: string;
51
- marginLeft: number;
52
- fontSize: number;
53
- color: string;
54
- fontWeight: number;
55
+ useDefaultStyle?: boolean;
56
+ fontSize?: number;
57
+ color?: string;
58
+ fontWeight?: number;
55
59
  };
56
60
  '6': {
57
61
  text: string;
58
- marginLeft: number;
59
- fontSize: number;
60
- color: string;
61
- fontWeight: number;
62
+ useDefaultStyle?: boolean;
63
+ fontSize?: number;
64
+ color?: string;
65
+ fontWeight?: number;
62
66
  };
63
67
  '7': {
64
68
  text: string;
65
- marginLeft: number;
66
- fontSize: number;
67
- color: string;
68
- fontWeight: number;
69
+ useDefaultStyle?: boolean;
70
+ fontSize?: number;
71
+ color?: string;
72
+ fontWeight?: number;
69
73
  };
70
74
  '8': {
71
75
  text: string;
72
- marginLeft: number;
73
- fontSize: number;
74
- color: string;
75
- fontWeight: number;
76
+ useDefaultStyle?: boolean;
77
+ fontSize?: number;
78
+ color?: string;
79
+ fontWeight?: number;
76
80
  };
77
81
  '9': {
78
82
  text: string;
79
- marginLeft: number;
80
- fontSize: number;
81
- color: string;
82
- fontWeight: number;
83
+ useDefaultStyle?: boolean;
84
+ fontSize?: number;
85
+ color?: string;
86
+ fontWeight?: number;
83
87
  };
84
88
  other: {
85
89
  text: string;
86
- marginLeft: number;
87
- fontSize: number;
88
- color: string;
89
- fontWeight: number;
90
+ useDefaultStyle?: boolean;
91
+ fontSize?: number;
92
+ color?: string;
93
+ fontWeight?: number;
90
94
  };
91
95
  };
92
96
  validateTime: {
93
97
  show: boolean;
94
- marginTop: number;
95
- marginLeft: number;
96
- leftLabel: string;
97
- timeFormat: string;
98
- titleColor: string;
99
- titleFontSize: number;
98
+ position: {
99
+ centerHorizontal?: boolean;
100
+ marginLeft: number;
101
+ marginTop: number;
102
+ };
103
+ textStyle: {
104
+ leftLabel: string;
105
+ timeFormat: string;
106
+ titleColor: string;
107
+ titleFontSize: number;
108
+ };
100
109
  };
101
110
  confirmButton: {
102
- marginTop: number;
103
- marginLeft: number;
104
- backgroundImage: string;
105
- width: number;
106
- height: number;
107
- input: string;
111
+ position: {
112
+ centerHorizontal?: boolean;
113
+ marginLeft: number;
114
+ marginTop: number;
115
+ width: number;
116
+ height: number;
117
+ };
118
+ background: {
119
+ backgroundImage: string;
120
+ };
108
121
  };
109
122
  }
110
123
  export interface BusinessSchema {
124
+ jumpConfig: {
125
+ jumpUrl: string;
126
+ };
111
127
  }
112
128
  export interface IProps {
113
129
  styleSchema?: StyleSchema;
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- .wkc-link-button{display:flex;align-items:center;justify-content:center;cursor:pointer;background-size:100% 100%;background-position:center;background-repeat:no-repeat;overflow:hidden;transition:all .3s;-webkit-user-select:none;user-select:none;text-decoration:none}.wkc-link-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.wkc-link-button:active{opacity:.8;transform:translateY(0);box-shadow:0 2px 4px #0000001a}.wkc-link-button{border:none;outline:none}.wkc-rule-button{display:flex;align-items:center;justify-content:center;cursor:pointer;background-size:cover;background-position:center;transition:opacity .3s;-webkit-user-select:none;user-select:none}.wkc-rule-button:hover{opacity:.9}.wkc-rule-button:active{opacity:.8}.wkc-rule-popup-content{position:relative;background-size:100% 100%;background-position:center;overflow:hidden}.wkc-rule-popup-content .wkc-close-button{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;z-index:1}.wkc-rule-popup-content .wkc-close-button img{width:100%;height:100%;object-fit:contain}.wkc-rule-popup-content .wkc-close-icon{font-size:24px;color:#666;font-weight:700}.wkc-rule-popup-content .wkc-popup-text-content{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.wkc-rule-popup-content .wkc-popup-text-content::-webkit-scrollbar{width:0}.wkc-rule-popup-content .wkc-popup-text-content h2{margin:0 0 16px;font-size:20px;font-weight:700;color:#333;text-align:center}.wkc-rule-popup-content .wkc-popup-text-content p{margin:8px 0;font-size:14px;line-height:1.6;color:#666}.wkc-img-common{display:block;object-fit:fill;-webkit-user-select:none;user-select:none}.wkc-page-background{position:absolute;left:0;height:100%;width:100%;z-index:1;top:0;pointer-events:none}.wkc-page-background__color{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.wkc-page-background>*{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%;background-position:center;background-repeat:no-repeat;z-index:1}.wkc-page-background__top{z-index:2;background-size:100% auto;background-position:center top}.wkc-page-background__bottom{z-index:3;background-size:100% auto;background-position:center bottom}.wkc-color-background{display:block}.wkc-user-img{display:flex;flex-direction:column;align-items:center}.wkc-user-img__avatar-wrapper{display:block;overflow:hidden;box-shadow:0 2px 8px #0000001a}.wkc-user-img__avatar{width:100%;height:100%;display:block;object-fit:cover}.wkc-user-img__avatar-placeholder{width:100%;height:100%}.wkc-user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;-webkit-user-select:none;user-select:none}.wkc-audio-player{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.wkc-audio-player audio{display:none}.wkc-audio-player .audio-icon-mode{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.wkc-audio-player .audio-icon-mode .audio-icon{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.wkc-audio-player .audio-icon-mode .audio-icon.rotating{animation:rotate 3s linear infinite}.wkc-audio-player .audio-icon-mode .audio-icon-placeholder{width:60%;height:60%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:32px;transition:transform .3s ease}.wkc-audio-player .audio-icon-mode .audio-icon-placeholder.rotating{animation:rotate 3s linear infinite}.wkc-audio-player .audio-controls{display:flex;align-items:center;gap:12px;width:100%;height:100%;padding:8px 12px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.wkc-audio-player .audio-controls .control-btn{width:32px;height:32px;border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.wkc-audio-player .audio-controls .control-btn:hover{opacity:.8}.wkc-audio-player .audio-controls .control-btn:active{opacity:.6}.wkc-audio-player .audio-controls .progress-bar{flex:1;height:6px;background-color:#0000001a;border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.wkc-audio-player .audio-controls .progress-bar .progress-fill{height:100%;border-radius:3px;transition:width .1s}.wkc-audio-player .audio-controls .time-display{font-size:12px;white-space:nowrap;opacity:.8}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wkc-video-player{display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.wkc-video-player .video-element{width:100%;height:100%;display:block}.wkc-text-common{display:flex;align-items:center;word-break:break-word;overflow:hidden;-webkit-user-select:none;user-select:none}.wkc-countdown{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.wkc-countdown .countdown-content{display:flex;align-items:center;gap:8px}.wkc-countdown .countdown-content .countdown-text{font-weight:inherit}.wkc-countdown .countdown-content .time-block{display:flex;flex-direction:column;align-items:center;padding:4px 8px;background-color:var(--ef904392);border-radius:4px}.wkc-countdown .countdown-content .time-block .time-value{font-weight:inherit;line-height:1}.wkc-countdown .countdown-content .time-block .time-label{font-size:.6em;margin-top:2px;opacity:.8}.wkc-countdown .countdown-content .time-separator{font-weight:700;opacity:.8}.wkc-scan-toba-input{display:flex;flex-direction:column;background-size:100% 100%;box-sizing:border-box;overflow:hidden;position:absolute}.wkc-scan-toba-input .wkc-scan-title{text-align:left}.wkc-scan-toba-input .wkc-scan-input-item{outline:none;border:none;background-size:100% 100%;background-position:center;background-color:transparent}.wkc-scan-toba-input .wkc-scan-checkbox{display:flex;align-items:center;gap:8px}.wkc-scan-toba-input .wkc-scan-notice .wkc-scan-notice-title{text-align:center;margin-bottom:3px}.wkc-scan-toba-input .wkc-scan-notice .wkc-scan-notice-content{line-height:1.6;white-space:pre-line}.wkc-scan-toba-input .wkc-scan-button{background-size:100% 100%;background-color:transparent}.wkc-scan-toba-keyboard{position:absolute;left:0;bottom:0;width:100%;display:flex;flex-direction:column;z-index:1000;transition:all .3s linear}.wkc-scan-toba-keyboard .wkc-keyboard-row{display:flex;flex:1}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-style:solid;background-color:transparent;transition:background-color .2s}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key:empty{cursor:default;pointer-events:none}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .delete-btn{color:red}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .delete-btn,.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .hide-btn{font-size:.7em;background-color:#00000008}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .hiden-btn{font-size:.75em}.wkc-scan-toba-result{display:flex;flex-direction:column;background-size:100% 100%;box-sizing:border-box;overflow:hidden;position:absolute}.wkc-scan-toba-result .wkc-result-text{text-align:left;word-wrap:break-word;white-space:pre-wrap}.wkc-scan-toba-result .wkc-validate-time{display:flex;align-items:center}.wkc-scan-toba-result .wkc-confirm-button{background-size:100% 100%;cursor:pointer}.wkc-rotate-plate-wrapper{-webkit-user-select:none;user-select:none;overflow:hidden}.wkc-style1-container,.wkc-style2-container{width:100%;height:100%;position:relative}.wkc-wheel-bg,.wkc-wheel-content{position:relative}.wkc-prize-grid{display:flex;align-items:center;justify-content:center;overflow:hidden}.wkc-prize-grid .wkc-prize-content{position:absolute;top:20%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;text-align:center}.wkc-prize-grid .wkc-prize-content .wkc-prize-image{width:40px;height:40px;object-fit:contain;margin-bottom:4px}.wkc-prize-grid .wkc-prize-content .wkc-prize-name{font-size:12px;color:#333;font-weight:700;word-break:break-all}.wkc-lights-container{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.wkc-lights-container .wkc-light{box-shadow:0 0 10px #ffd70080}.wkc-lights-container .wkc-light.active{background-color:var(--v1e2d551f)!important;box-shadow:0 0 15px var(--v1e2d551f)}.wkc-pointer-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;display:flex;align-items:center;justify-content:center}.wkc-pointer-container .wkc-pointer-image{position:absolute;width:100%;height:auto;pointer-events:none}.wkc-pointer-container .wkc-center-button{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.wkc-pointer-container .wkc-center-button:hover{transform:scale(1.05)}.wkc-pointer-container .wkc-center-button:active{transform:scale(.95)}.wkc-pointer-container .wkc-center-button.preview{background-color:#ff00004d;border:2px dashed red}.wkc-pointer-container .wkc-center-button .wkc-center-button-image,.wkc-base-area .wkc-base-image{width:100%;height:100%;object-fit:contain}.wkc-captcha-input[data-v-f0341808]{display:flex;align-items:center;gap:0;background-color:#fff}.wkc-captcha-input__field[data-v-f0341808]{outline:none;box-sizing:border-box;transition:border-color .3s}.wkc-captcha-input__field[data-v-f0341808]:focus{border-color:#409eff}.wkc-captcha-input__field[data-v-f0341808]::placeholder{color:#c0c4cc}.wkc-captcha-input__image[data-v-f0341808]{position:relative;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:opacity .3s}.wkc-captcha-input__image[data-v-f0341808]:hover{opacity:.8}.wkc-captcha-input__image[data-v-f0341808]:active{opacity:.6}.wkc-captcha-image[data-v-f0341808]{width:100%;height:100%;object-fit:cover}.wkc-captcha-placeholder[data-v-f0341808]{font-size:12px;color:#909399;text-align:center}.wkc-captcha-loading[data-v-f0341808]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.wkc-captcha-countdown[data-v-f0341808]{position:absolute;top:2px;right:2px;background-color:#0009;color:#fff;padding:2px 6px;border-radius:2px;font-size:10px}@keyframes wkc-zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes wkc-zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes wkc-bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes wkc-bounceOut{0%{transform:scale(1);opacity:1}to{transform:scale(.3);opacity:0}}@keyframes wkc-slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes wkc-slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.wkc-fadeIn-enter-active{animation:wkc-fadeIn .3s ease-out}.wkc-fadeIn-leave-active{animation:wkc-fadeOut .3s ease-out}@keyframes wkc-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes wkc-fadeOut{0%{opacity:1}to{opacity:0}}.wkc-slideIn-enter-active{animation:wkc-slideIn .3s ease-out}.wkc-slideIn-leave-active{animation:wkc-slideOut .3s ease-out}.wkc-zoomIn-enter-active{animation:wkc-zoomIn .3s ease-out}.wkc-zoomIn-leave-active{animation:wkc-zoomOut .3s ease-out}.wkc-bounceIn-enter-active{animation:wkc-bounceIn .5s ease-out}.wkc-bounceIn-leave-active{animation:wkc-bounceOut .3s ease-out}.wkc-popup-mask{position:absolute;left:0;top:0;width:100%;height:100%}.wkc-popup-container{left:0;top:0;width:100%;height:100%}
1
+ .wkc-link-button{display:flex;align-items:center;justify-content:center;cursor:pointer;background-size:100% 100%;background-position:center;background-repeat:no-repeat;overflow:hidden;transition:all .3s;-webkit-user-select:none;user-select:none;text-decoration:none}.wkc-link-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.wkc-link-button:active{opacity:.8;transform:translateY(0);box-shadow:0 2px 4px #0000001a}.wkc-link-button{border:none;outline:none}.wkc-rule-button{display:flex;align-items:center;justify-content:center;cursor:pointer;background-size:cover;background-position:center;transition:opacity .3s;-webkit-user-select:none;user-select:none}.wkc-rule-button:hover{opacity:.9}.wkc-rule-button:active{opacity:.8}.wkc-rule-popup-content{position:relative;background-size:100% 100%;background-position:center;overflow:hidden}.wkc-rule-popup-content .wkc-close-button{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;z-index:1}.wkc-rule-popup-content .wkc-close-button img{width:100%;height:100%;object-fit:contain}.wkc-rule-popup-content .wkc-close-icon{font-size:24px;color:#666;font-weight:700}.wkc-rule-popup-content .wkc-popup-text-content{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.wkc-rule-popup-content .wkc-popup-text-content::-webkit-scrollbar{width:0}.wkc-rule-popup-content .wkc-popup-text-content h2{margin:0 0 16px;font-size:20px;font-weight:700;color:#333;text-align:center}.wkc-rule-popup-content .wkc-popup-text-content p{margin:8px 0;font-size:14px;line-height:1.6;color:#666}.wkc-img-common{display:block;object-fit:fill;-webkit-user-select:none;user-select:none}.wkc-page-background{position:absolute;left:0;height:100%;width:100%;z-index:1;top:0;pointer-events:none}.wkc-page-background__color{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.wkc-page-background>*{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%;background-position:center;background-repeat:no-repeat;z-index:1}.wkc-page-background__top{z-index:2;background-size:100% auto;background-position:center top}.wkc-page-background__bottom{z-index:3;background-size:100% auto;background-position:center bottom}.wkc-color-background{display:block}.wkc-user-img{display:flex;flex-direction:column;align-items:center}.wkc-user-img__avatar-wrapper{display:block;overflow:hidden;box-shadow:0 2px 8px #0000001a}.wkc-user-img__avatar{width:100%;height:100%;display:block;object-fit:cover}.wkc-user-img__avatar-placeholder{width:100%;height:100%}.wkc-user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;-webkit-user-select:none;user-select:none}.wkc-audio-player{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.wkc-audio-player audio{display:none}.wkc-audio-player .audio-icon-mode{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.wkc-audio-player .audio-icon-mode .audio-icon{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.wkc-audio-player .audio-icon-mode .audio-icon.rotating{animation:rotate 3s linear infinite}.wkc-audio-player .audio-icon-mode .audio-icon-placeholder{width:60%;height:60%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:32px;transition:transform .3s ease}.wkc-audio-player .audio-icon-mode .audio-icon-placeholder.rotating{animation:rotate 3s linear infinite}.wkc-audio-player .audio-controls{display:flex;align-items:center;gap:12px;width:100%;height:100%;padding:8px 12px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.wkc-audio-player .audio-controls .control-btn{width:32px;height:32px;border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.wkc-audio-player .audio-controls .control-btn:hover{opacity:.8}.wkc-audio-player .audio-controls .control-btn:active{opacity:.6}.wkc-audio-player .audio-controls .progress-bar{flex:1;height:6px;background-color:#0000001a;border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.wkc-audio-player .audio-controls .progress-bar .progress-fill{height:100%;border-radius:3px;transition:width .1s}.wkc-audio-player .audio-controls .time-display{font-size:12px;white-space:nowrap;opacity:.8}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wkc-video-player{display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.wkc-video-player .video-element{width:100%;height:100%;display:block}.wkc-text-common{display:flex;align-items:center;word-break:break-word;overflow:hidden;-webkit-user-select:none;user-select:none}.wkc-countdown{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.wkc-countdown .countdown-content{display:flex;align-items:center;gap:8px}.wkc-countdown .countdown-content .countdown-text{font-weight:inherit}.wkc-countdown .countdown-content .time-block{display:flex;flex-direction:column;align-items:center;padding:4px 8px;background-color:var(--ef904392);border-radius:4px}.wkc-countdown .countdown-content .time-block .time-value{font-weight:inherit;line-height:1}.wkc-countdown .countdown-content .time-block .time-label{font-size:.6em;margin-top:2px;opacity:.8}.wkc-countdown .countdown-content .time-separator{font-weight:700;opacity:.8}.wkc-scan-toba-input{background-size:100% 100%;box-sizing:border-box;overflow:hidden;position:absolute}.wkc-scan-toba-input .inner-relative-box{position:relative;width:100%;height:100%;padding:0;overflow:hidden}.wkc-scan-toba-input .wkc-scan-title{text-align:left;width:fit-content}.wkc-scan-toba-input .wkc-scan-input-item{outline:none;border:none;background-size:100% 100%;background-position:center;background-color:transparent}.wkc-scan-toba-input .wkc-scan-checkbox{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;overflow:hidden}.wkc-scan-toba-input .wkc-scan-notice-title{max-width:100%;width:fit-content;overflow:hidden;text-align:center}.wkc-scan-toba-input .wkc-scan-notice-content{line-height:1.6;white-space:pre-line}.wkc-scan-toba-input .wkc-scan-button{background-size:100% 100%;background-color:transparent}.wkc-scan-toba-keyboard{position:absolute;left:0;bottom:0;width:100%;display:flex;flex-direction:column;z-index:1000;transition:all .3s linear}.wkc-scan-toba-keyboard .wkc-keyboard-row{display:flex;flex:1}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-style:solid;background-color:transparent;transition:background-color .2s}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key:empty{cursor:default;pointer-events:none}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .delete-btn{color:red}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .delete-btn,.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .hide-btn{font-size:.7em}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .hiden-btn{font-size:.75em}.wkc-scan-toba-result{display:flex;flex-direction:column;align-items:center;background-size:100% 100%;box-sizing:border-box;overflow:hidden;position:absolute}.wkc-scan-toba-result .inner-relative-box{position:relative;width:100%;height:100%}.wkc-scan-toba-result .wkc-result-text{text-align:center;word-wrap:break-word;white-space:pre-wrap;width:100%;width:fit-content}.wkc-scan-toba-result .wkc-validate-time{display:flex;align-items:center;justify-content:center;white-space:nowrap;width:100%;width:fit-content}.wkc-scan-toba-result .wkc-confirm-button{background-size:100% 100%}.wkc-rotate-plate-wrapper{-webkit-user-select:none;user-select:none;overflow:hidden}.wkc-style1-container,.wkc-style2-container{width:100%;height:100%;position:relative}.wkc-wheel-bg,.wkc-wheel-content{position:relative}.wkc-prize-grid{display:flex;align-items:center;justify-content:center;overflow:hidden}.wkc-prize-grid .wkc-prize-content{position:absolute;top:20%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;text-align:center}.wkc-prize-grid .wkc-prize-content .wkc-prize-image{width:40px;height:40px;object-fit:contain;margin-bottom:4px}.wkc-prize-grid .wkc-prize-content .wkc-prize-name{font-size:12px;color:#333;font-weight:700;word-break:break-all}.wkc-lights-container{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.wkc-lights-container .wkc-light{box-shadow:0 0 10px #ffd70080}.wkc-lights-container .wkc-light.active{background-color:var(--v1e2d551f)!important;box-shadow:0 0 15px var(--v1e2d551f)}.wkc-pointer-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;display:flex;align-items:center;justify-content:center}.wkc-pointer-container .wkc-pointer-image{position:absolute;width:100%;height:auto;pointer-events:none}.wkc-pointer-container .wkc-center-button{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.wkc-pointer-container .wkc-center-button:hover{transform:scale(1.05)}.wkc-pointer-container .wkc-center-button:active{transform:scale(.95)}.wkc-pointer-container .wkc-center-button.preview{background-color:#ff00004d;border:2px dashed red}.wkc-pointer-container .wkc-center-button .wkc-center-button-image,.wkc-base-area .wkc-base-image{width:100%;height:100%;object-fit:contain}.wkc-captcha-input[data-v-f0341808]{display:flex;align-items:center;gap:0;background-color:#fff}.wkc-captcha-input__field[data-v-f0341808]{outline:none;box-sizing:border-box;transition:border-color .3s}.wkc-captcha-input__field[data-v-f0341808]:focus{border-color:#409eff}.wkc-captcha-input__field[data-v-f0341808]::placeholder{color:#c0c4cc}.wkc-captcha-input__image[data-v-f0341808]{position:relative;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:opacity .3s}.wkc-captcha-input__image[data-v-f0341808]:hover{opacity:.8}.wkc-captcha-input__image[data-v-f0341808]:active{opacity:.6}.wkc-captcha-image[data-v-f0341808]{width:100%;height:100%;object-fit:cover}.wkc-captcha-placeholder[data-v-f0341808]{font-size:12px;color:#909399;text-align:center}.wkc-captcha-loading[data-v-f0341808]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.wkc-captcha-countdown[data-v-f0341808]{position:absolute;top:2px;right:2px;background-color:#0009;color:#fff;padding:2px 6px;border-radius:2px;font-size:10px}@keyframes wkc-zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes wkc-zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes wkc-bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes wkc-bounceOut{0%{transform:scale(1);opacity:1}to{transform:scale(.3);opacity:0}}@keyframes wkc-slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes wkc-slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.wkc-fadeIn-enter-active{animation:wkc-fadeIn .3s ease-out}.wkc-fadeIn-leave-active{animation:wkc-fadeOut .3s ease-out}@keyframes wkc-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes wkc-fadeOut{0%{opacity:1}to{opacity:0}}.wkc-slideIn-enter-active{animation:wkc-slideIn .3s ease-out}.wkc-slideIn-leave-active{animation:wkc-slideOut .3s ease-out}.wkc-zoomIn-enter-active{animation:wkc-zoomIn .3s ease-out}.wkc-zoomIn-leave-active{animation:wkc-zoomOut .3s ease-out}.wkc-bounceIn-enter-active{animation:wkc-bounceIn .5s ease-out}.wkc-bounceIn-leave-active{animation:wkc-bounceOut .3s ease-out}.wkc-popup-mask{position:absolute;left:0;top:0;width:100%;height:100%}.wkc-popup-container{left:0;top:0;width:100%;height:100%}