yswk-ui 0.0.5 → 0.0.7
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/dist/component/base/text/ActTimeAlert/index.vue.d.ts +9 -0
- package/dist/component/base/text/ActTimeAlert/type.d.ts +23 -0
- package/dist/component/base/text/NoticePop/index.vue.d.ts +9 -0
- package/dist/component/base/text/NoticePop/type.d.ts +156 -0
- package/dist/component/base/text/TextCommon/type.d.ts +31 -0
- package/dist/component/index.d.ts +4 -2
- package/dist/constants.d.ts +1 -1
- package/dist/index.css +1 -1
- package/dist/index.es.js +2604 -1818
- package/dist/types/component.d.ts +18 -0
- package/dist/utils/request.d.ts +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { IProps } from './type';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<IProps, {
|
|
3
|
+
showAlert: () => void;
|
|
4
|
+
checkActivityStatus: () => "notStarted" | "ended" | "active";
|
|
5
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{}>, {
|
|
6
|
+
styleSchema: import('./type').StyleSchema;
|
|
7
|
+
businessSchema: import('./type').BusinessSchema;
|
|
8
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export interface StyleSchema {
|
|
2
|
+
alertType: 'toast' | 'confirm' | 'dialog';
|
|
3
|
+
notStartedText: string;
|
|
4
|
+
endedText: string;
|
|
5
|
+
confirmButtonText: string;
|
|
6
|
+
cancelButtonText: string;
|
|
7
|
+
}
|
|
8
|
+
export interface BusinessSchema {
|
|
9
|
+
}
|
|
10
|
+
export interface IProps {
|
|
11
|
+
styleSchema?: StyleSchema;
|
|
12
|
+
businessSchema?: BusinessSchema;
|
|
13
|
+
}
|
|
14
|
+
export declare const defaultProps: {
|
|
15
|
+
styleSchema: () => {
|
|
16
|
+
alertType: "toast";
|
|
17
|
+
notStartedText: string;
|
|
18
|
+
endedText: string;
|
|
19
|
+
confirmButtonText: string;
|
|
20
|
+
cancelButtonText: string;
|
|
21
|
+
};
|
|
22
|
+
businessSchema: () => {};
|
|
23
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { IProps } from './type';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<IProps, {
|
|
3
|
+
show: () => void;
|
|
4
|
+
close: () => void;
|
|
5
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{}>, {
|
|
6
|
+
styleSchema: import('./type').StyleSchema;
|
|
7
|
+
businessSchema: import('./type').BusinessSchema;
|
|
8
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
export interface StyleSchema {
|
|
2
|
+
position: {
|
|
3
|
+
top: number;
|
|
4
|
+
height: string | number;
|
|
5
|
+
left: number;
|
|
6
|
+
width: string | number;
|
|
7
|
+
zIndex: number;
|
|
8
|
+
};
|
|
9
|
+
priority: number;
|
|
10
|
+
openEditView: boolean;
|
|
11
|
+
popupPosition: 'top' | 'center' | 'bottom' | 'custom';
|
|
12
|
+
contentPosition: {
|
|
13
|
+
top: number;
|
|
14
|
+
width: number;
|
|
15
|
+
height: number;
|
|
16
|
+
centerHorizontal: boolean;
|
|
17
|
+
};
|
|
18
|
+
background: {
|
|
19
|
+
backgroundMode: 'image' | 'color';
|
|
20
|
+
backgroundImage: string;
|
|
21
|
+
backgroundColor: string;
|
|
22
|
+
borderRadius: number;
|
|
23
|
+
};
|
|
24
|
+
mask: {
|
|
25
|
+
maskColor: string;
|
|
26
|
+
};
|
|
27
|
+
textInfo: {
|
|
28
|
+
richTextContent: string;
|
|
29
|
+
paddingLeft: number;
|
|
30
|
+
paddingRight: number;
|
|
31
|
+
paddingTop: number;
|
|
32
|
+
paddingBottom: number;
|
|
33
|
+
};
|
|
34
|
+
closeButton: {
|
|
35
|
+
closeButtonImage: string;
|
|
36
|
+
left: number;
|
|
37
|
+
top: number;
|
|
38
|
+
width: number;
|
|
39
|
+
height: number;
|
|
40
|
+
};
|
|
41
|
+
animation: {
|
|
42
|
+
enterAnimation: string;
|
|
43
|
+
exitAnimation: string;
|
|
44
|
+
};
|
|
45
|
+
autoCloseConfig: {
|
|
46
|
+
enabled: boolean;
|
|
47
|
+
mode: 'auto' | 'manual' | 'both';
|
|
48
|
+
countdown: number;
|
|
49
|
+
showCountdown: boolean;
|
|
50
|
+
countdownText: string;
|
|
51
|
+
buttonText: string;
|
|
52
|
+
buttonDisabledText: string;
|
|
53
|
+
countdownStyle: {
|
|
54
|
+
fontSize: number;
|
|
55
|
+
color: string;
|
|
56
|
+
marginTop: number;
|
|
57
|
+
};
|
|
58
|
+
buttonStyle: {
|
|
59
|
+
fontSize: number;
|
|
60
|
+
color: string;
|
|
61
|
+
backgroundColor: string;
|
|
62
|
+
disabledColor: string;
|
|
63
|
+
disabledBackgroundColor: string;
|
|
64
|
+
width: number;
|
|
65
|
+
height: number;
|
|
66
|
+
borderRadius: number;
|
|
67
|
+
marginBottom: number;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
export interface BusinessSchema {
|
|
72
|
+
jumpConfig?: {
|
|
73
|
+
jumpUrl: string;
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
export interface IProps {
|
|
77
|
+
styleSchema?: StyleSchema;
|
|
78
|
+
businessSchema?: BusinessSchema;
|
|
79
|
+
}
|
|
80
|
+
export declare const defaultProps: {
|
|
81
|
+
styleSchema: () => {
|
|
82
|
+
position: {
|
|
83
|
+
top: number;
|
|
84
|
+
height: string;
|
|
85
|
+
left: number;
|
|
86
|
+
width: string;
|
|
87
|
+
zIndex: number;
|
|
88
|
+
};
|
|
89
|
+
priority: number;
|
|
90
|
+
openEditView: boolean;
|
|
91
|
+
popupPosition: "center";
|
|
92
|
+
contentPosition: {
|
|
93
|
+
top: number;
|
|
94
|
+
width: number;
|
|
95
|
+
height: number;
|
|
96
|
+
centerHorizontal: boolean;
|
|
97
|
+
};
|
|
98
|
+
background: {
|
|
99
|
+
backgroundMode: "color";
|
|
100
|
+
backgroundImage: string;
|
|
101
|
+
backgroundColor: string;
|
|
102
|
+
borderRadius: number;
|
|
103
|
+
};
|
|
104
|
+
mask: {
|
|
105
|
+
maskColor: string;
|
|
106
|
+
};
|
|
107
|
+
textInfo: {
|
|
108
|
+
richTextContent: string;
|
|
109
|
+
paddingLeft: number;
|
|
110
|
+
paddingRight: number;
|
|
111
|
+
paddingTop: number;
|
|
112
|
+
paddingBottom: number;
|
|
113
|
+
};
|
|
114
|
+
closeButton: {
|
|
115
|
+
closeButtonImage: string;
|
|
116
|
+
left: number;
|
|
117
|
+
top: number;
|
|
118
|
+
width: number;
|
|
119
|
+
height: number;
|
|
120
|
+
};
|
|
121
|
+
animation: {
|
|
122
|
+
enterAnimation: string;
|
|
123
|
+
exitAnimation: string;
|
|
124
|
+
};
|
|
125
|
+
autoCloseConfig: {
|
|
126
|
+
enabled: boolean;
|
|
127
|
+
mode: "auto";
|
|
128
|
+
countdown: number;
|
|
129
|
+
showCountdown: boolean;
|
|
130
|
+
countdownText: string;
|
|
131
|
+
buttonText: string;
|
|
132
|
+
buttonDisabledText: string;
|
|
133
|
+
countdownStyle: {
|
|
134
|
+
fontSize: number;
|
|
135
|
+
color: string;
|
|
136
|
+
marginTop: number;
|
|
137
|
+
};
|
|
138
|
+
buttonStyle: {
|
|
139
|
+
fontSize: number;
|
|
140
|
+
color: string;
|
|
141
|
+
backgroundColor: string;
|
|
142
|
+
disabledColor: string;
|
|
143
|
+
disabledBackgroundColor: string;
|
|
144
|
+
width: number;
|
|
145
|
+
height: number;
|
|
146
|
+
borderRadius: number;
|
|
147
|
+
marginBottom: number;
|
|
148
|
+
};
|
|
149
|
+
};
|
|
150
|
+
};
|
|
151
|
+
businessSchema: () => {
|
|
152
|
+
jumpConfig: {
|
|
153
|
+
jumpUrl: string;
|
|
154
|
+
};
|
|
155
|
+
};
|
|
156
|
+
};
|
|
@@ -17,11 +17,27 @@ export interface StyleSchema {
|
|
|
17
17
|
fontStyle: 'normal' | 'italic';
|
|
18
18
|
textDecoration: 'none' | 'underline' | 'overline' | 'line-through';
|
|
19
19
|
textAlign?: 'left' | 'center' | 'right';
|
|
20
|
+
lineHeight?: number;
|
|
20
21
|
};
|
|
21
22
|
content: {
|
|
23
|
+
direction: 'horizontal' | 'vertical';
|
|
22
24
|
textType: 'custom' | 'nickname';
|
|
23
25
|
text: string;
|
|
24
26
|
testNickname?: string;
|
|
27
|
+
padding: {
|
|
28
|
+
all: number;
|
|
29
|
+
enableCustom: boolean;
|
|
30
|
+
top: number;
|
|
31
|
+
right: number;
|
|
32
|
+
bottom: number;
|
|
33
|
+
left: number;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
overflow: {
|
|
37
|
+
whiteSpace: 'nowrap' | 'normal' | 'pre-wrap';
|
|
38
|
+
wordBreak: 'normal' | 'break-all' | 'break-word';
|
|
39
|
+
enableScroll: boolean;
|
|
40
|
+
maxLines: number;
|
|
25
41
|
};
|
|
26
42
|
textShadow: {
|
|
27
43
|
enabled: boolean;
|
|
@@ -93,9 +109,24 @@ export declare const defaultProps: {
|
|
|
93
109
|
textAlign: "center";
|
|
94
110
|
};
|
|
95
111
|
content: {
|
|
112
|
+
direction: "horizontal";
|
|
96
113
|
textType: "custom";
|
|
97
114
|
text: string;
|
|
98
115
|
testNickname: string;
|
|
116
|
+
padding: {
|
|
117
|
+
all: number;
|
|
118
|
+
enableCustom: boolean;
|
|
119
|
+
top: number;
|
|
120
|
+
right: number;
|
|
121
|
+
bottom: number;
|
|
122
|
+
left: number;
|
|
123
|
+
};
|
|
124
|
+
};
|
|
125
|
+
overflow: {
|
|
126
|
+
whiteSpace: "normal";
|
|
127
|
+
wordBreak: "normal";
|
|
128
|
+
enableScroll: boolean;
|
|
129
|
+
maxLines: number;
|
|
99
130
|
};
|
|
100
131
|
textShadow: {
|
|
101
132
|
enabled: boolean;
|
|
@@ -11,7 +11,8 @@ export { default as PageBackground } from './base/media/PageBackground/index.vue
|
|
|
11
11
|
export { default as UserImg } from './base/media/UserImg/index.vue';
|
|
12
12
|
export { default as VideoPlayer } from './base/media/VideoPlayer/index.vue';
|
|
13
13
|
export { default as TextCommon } from './base/text/TextCommon/index.vue';
|
|
14
|
-
export { default as
|
|
14
|
+
export { default as ActTimeAlert } from './base/text/ActTimeAlert/index.vue';
|
|
15
|
+
export { default as NoticePop } from './base/text/NoticePop/index.vue';
|
|
15
16
|
export { default as Countdown } from './base/time/Countdown/index.vue';
|
|
16
17
|
export { default as ScanTobaInput } from './scan/ScanTobaInput/index.vue';
|
|
17
18
|
export { default as ScanTobaResult } from './scan/ScanTobaResult/index.vue';
|
|
@@ -27,7 +28,8 @@ export { default as PageBackgroundConfig } from './base/media/PageBackground/con
|
|
|
27
28
|
export { default as UserImgConfig } from './base/media/UserImg/config.json';
|
|
28
29
|
export { default as VideoPlayerConfig } from './base/media/VideoPlayer/config.json';
|
|
29
30
|
export { default as TextCommonConfig } from './base/text/TextCommon/config.json';
|
|
30
|
-
export { default as
|
|
31
|
+
export { default as ActTimeAlertConfig } from './base/text/ActTimeAlert/config.json';
|
|
32
|
+
export { default as NoticePopConfig } from './base/text/NoticePop/config.json';
|
|
31
33
|
export { default as CountdownConfig } from './base/time/Countdown/config.json';
|
|
32
34
|
export { default as RotatePlateConfig } from './lucky/plate/RotatePlate/config.json';
|
|
33
35
|
export { default as ScanTobaInputConfig } from './scan/ScanTobaInput/config.json';
|
package/dist/constants.d.ts
CHANGED
|
@@ -58,7 +58,7 @@ export declare const PAGE_ROUTE_QUERY_KEY = "wkc-session-key-routeQuery";
|
|
|
58
58
|
export declare const LOCATION_INFO_KEY = "wkc-session-key-locationInfo";
|
|
59
59
|
export declare const USER_INFO_KEY = "wkc-session-key-userInfo";
|
|
60
60
|
export declare const RETAIL_INFO_KEY = "wkc-session-key-retailerInfo";
|
|
61
|
-
export declare const ACT_REDIRECT_URL = "/service/activity/act/access/redirect?
|
|
61
|
+
export declare const ACT_REDIRECT_URL = "/service/activity/act/access/redirect?";
|
|
62
62
|
export declare const COMPONENT_EVENT: {
|
|
63
63
|
pageChange: string;
|
|
64
64
|
lockScroll: string;
|
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-audio-player{display:flex;align-items:center;justify-content:center;overflow:hidden;-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}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wkc-block-bg{display:block;position:relative}.wkc-block-bg__main{position:absolute;top:0;left:0;width:100%;height:100%}.wkc-block-bg__three-part{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column}.wkc-block-bg__three-part-top,.wkc-block-bg__three-part-mid,.wkc-block-bg__three-part-btm{width:100%}.wkc-block-bg__noise{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-size:200px 200px}.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-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-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:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.wkc-text-rows{display:block;position:relative;-webkit-user-select:none;user-select:none;overflow:auto}.wkc-text-rows__content{width:100%;white-space:pre-wrap;overflow-wrap:break-word}.wkc-text-rows__content::-webkit-scrollbar{width:4px}.wkc-text-rows__content::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.wkc-text-rows__content::-webkit-scrollbar-track{background:#0000000d}.wkc-text-rows__content.is-expanded{overflow-y:visible!important;height:auto!important}.wkc-text-rows__expand-icon{position:absolute;cursor:pointer;transition:transform .3s}.wkc-text-rows__expand-icon:hover{transform:scale(1.1)}.wkc-text-rows__expand-icon.position-bottom-center{bottom:-30px;left:50%;transform:translate(-50%)}.wkc-text-rows__expand-icon.position-bottom-center:hover{transform:translate(-50%) scale(1.1)}.wkc-text-rows__expand-icon.position-bottom-right{bottom:-30px;right:0}.wkc-text-rows__expand-icon.position-bottom-left{bottom:-30px;left:0}.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%}
|
|
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-audio-player{display:flex;align-items:center;justify-content:center;overflow:hidden;-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}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wkc-block-bg{display:block;position:relative}.wkc-block-bg__main{position:absolute;top:0;left:0;width:100%;height:100%}.wkc-block-bg__three-part{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column}.wkc-block-bg__three-part-top,.wkc-block-bg__three-part-mid,.wkc-block-bg__three-part-btm{width:100%}.wkc-block-bg__noise{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-size:200px 200px}.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-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-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:block;-webkit-user-select:none;user-select:none;overflow-wrap:break-word}.wkc-text-common::-webkit-scrollbar{width:4px}.wkc-text-common::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.wkc-text-common::-webkit-scrollbar-track{background:#0000000d}.wkc-notice-popup-content[data-v-670eb175]{overflow:hidden}.wkc-popup-text-content[data-v-670eb175]{width:100%;height:100%;overflow-y:auto;word-break:break-word}.wkc-popup-text-content[data-v-670eb175]::-webkit-scrollbar{width:4px}.wkc-popup-text-content[data-v-670eb175]::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.wkc-popup-text-content[data-v-670eb175]::-webkit-scrollbar-track{background:#0000000d}.wkc-close-button[data-v-670eb175]{-webkit-user-select:none;user-select:none;transition:opacity .2s}.wkc-close-button img[data-v-670eb175]{width:100%;height:100%;display:block}.wkc-close-button .wkc-close-icon[data-v-670eb175]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:24px;color:#999}.wkc-close-button[data-v-670eb175]:hover{opacity:.8}.wkc-close-button[data-v-670eb175]:active{opacity:.6}.wkc-countdown-area[data-v-670eb175]{padding:0 20px;box-sizing:border-box}.wkc-countdown-text[data-v-670eb175],.wkc-countdown-button[data-v-670eb175]{-webkit-user-select:none;user-select:none}.wkc-countdown-button[data-v-670eb175]:not(.disabled):hover{opacity:.8}.wkc-countdown-button[data-v-670eb175]:not(.disabled):active{opacity:.6}.wkc-countdown-button.disabled[data-v-670eb175]{opacity:.6}.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-scan-toba-result_v2{display:flex;flex-direction:column;align-items:center;background-size:100% 100%;box-sizing:border-box;overflow:hidden;position:absolute}.wkc-scan-toba-result_v2 .inner-relative-box{position:relative;width:100%;height:100%}.wkc-scan-toba-result_v2 .wkc-result-text{text-align:center;word-wrap:break-word;white-space:pre-wrap;width:100%;width:fit-content}.wkc-scan-toba-result_v2 .wkc-validate-time{display:flex;align-items:center;justify-content:center;white-space:nowrap;width:100%;width:fit-content}.wkc-scan-toba-result_v2 .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%}
|