yuang-framework-ui-pc 1.1.23 → 1.1.24
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/es/yu-slider-captcha-dialog/index.js +3 -12
- package/es/yu-slider-captcha-dialog/style/index.scss +67 -0
- package/lib/yu-slider-captcha-dialog/index.cjs +2 -11
- package/lib/yu-slider-captcha-dialog/style/index.scss +67 -0
- package/package.json +1 -1
- package/es/yu-slider-captcha-dialog/style.css +0 -45
- package/lib/yu-slider-captcha-dialog/style.css +0 -45
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, createVNode, createCommentVNode
|
|
1
|
+
import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, createVNode, createCommentVNode } from "vue";
|
|
2
2
|
import SliderCaptcha from "./SliderCaptcha";
|
|
3
|
-
const _withScopeId = (n) => (pushScopeId("data-v-7e32a294"), n = n(), popScopeId(), n);
|
|
4
3
|
const _hoisted_1 = {
|
|
5
4
|
key: 0,
|
|
6
5
|
class: "slider-captcha-dialog-container"
|
|
7
6
|
};
|
|
8
|
-
const _hoisted_2 = /* @__PURE__ */
|
|
7
|
+
const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "slider-captcha-dialog-modal" }, null, -1);
|
|
9
8
|
const _hoisted_3 = { class: "slider-captcha-dialog-wrapper" };
|
|
10
9
|
const _hoisted_4 = { class: "slider-captcha-dialog slide-up" };
|
|
11
10
|
const _hoisted_5 = { class: "slider-captcha" };
|
|
@@ -62,14 +61,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
62
61
|
};
|
|
63
62
|
}
|
|
64
63
|
});
|
|
65
|
-
const _export_sfc = (sfc, props) => {
|
|
66
|
-
const target = sfc.__vccOpts || sfc;
|
|
67
|
-
for (const [key, val] of props) {
|
|
68
|
-
target[key] = val;
|
|
69
|
-
}
|
|
70
|
-
return target;
|
|
71
|
-
};
|
|
72
|
-
const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e32a294"]]);
|
|
73
64
|
export {
|
|
74
|
-
|
|
65
|
+
_sfc_main as default
|
|
75
66
|
};
|
|
@@ -1,3 +1,70 @@
|
|
|
1
|
+
.slider-captcha-dialog-container {
|
|
2
|
+
.slider-captcha-dialog-modal {
|
|
3
|
+
position: fixed;
|
|
4
|
+
left: 0;
|
|
5
|
+
top: 0;
|
|
6
|
+
width: 100%;
|
|
7
|
+
height: 100%;
|
|
8
|
+
opacity: 0.7;
|
|
9
|
+
background: #000;
|
|
10
|
+
|
|
11
|
+
z-index: 1000;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.slider-captcha-dialog-wrapper {
|
|
15
|
+
position: fixed;
|
|
16
|
+
top: 0;
|
|
17
|
+
right: 0;
|
|
18
|
+
bottom: 0;
|
|
19
|
+
left: 0;
|
|
20
|
+
overflow: hidden;
|
|
21
|
+
margin: 0;
|
|
22
|
+
|
|
23
|
+
z-index: 1001;
|
|
24
|
+
|
|
25
|
+
.slider-captcha-dialog {
|
|
26
|
+
// 在移动端禁止上下滑动,添加position: fixed;
|
|
27
|
+
position: fixed;
|
|
28
|
+
background: #fff;
|
|
29
|
+
padding: 10px;
|
|
30
|
+
overflow: hidden;
|
|
31
|
+
|
|
32
|
+
top: 50%;
|
|
33
|
+
left: 50%;
|
|
34
|
+
transform: translate(-50%, -50%);
|
|
35
|
+
|
|
36
|
+
height: 255px;
|
|
37
|
+
//height: 458px;
|
|
38
|
+
|
|
39
|
+
width: 320px;
|
|
40
|
+
|
|
41
|
+
display: flex;
|
|
42
|
+
flex-direction: column;
|
|
43
|
+
|
|
44
|
+
border-radius: 4px;
|
|
45
|
+
|
|
46
|
+
.slider-captcha {
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.slide-up {
|
|
51
|
+
animation: slide-up-animation 0.5s ease;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@keyframes slide-up-animation {
|
|
55
|
+
0% {
|
|
56
|
+
transform: translate(-50%, 100%);
|
|
57
|
+
}
|
|
58
|
+
100% {
|
|
59
|
+
transform: translate(-50%, -50%);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
1
68
|
.slider-captcha-container {
|
|
2
69
|
.slider-captcha {
|
|
3
70
|
position: relative;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const vue = require("vue");
|
|
3
3
|
const SliderCaptcha = require("./SliderCaptcha");
|
|
4
|
-
const _withScopeId = (n) => (vue.pushScopeId("data-v-7e32a294"), n = n(), vue.popScopeId(), n);
|
|
5
4
|
const _hoisted_1 = {
|
|
6
5
|
key: 0,
|
|
7
6
|
class: "slider-captcha-dialog-container"
|
|
8
7
|
};
|
|
9
|
-
const _hoisted_2 = /* @__PURE__ */
|
|
8
|
+
const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "slider-captcha-dialog-modal" }, null, -1);
|
|
10
9
|
const _hoisted_3 = { class: "slider-captcha-dialog-wrapper" };
|
|
11
10
|
const _hoisted_4 = { class: "slider-captcha-dialog slide-up" };
|
|
12
11
|
const _hoisted_5 = { class: "slider-captcha" };
|
|
@@ -63,12 +62,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
63
62
|
};
|
|
64
63
|
}
|
|
65
64
|
});
|
|
66
|
-
|
|
67
|
-
const target = sfc.__vccOpts || sfc;
|
|
68
|
-
for (const [key, val] of props) {
|
|
69
|
-
target[key] = val;
|
|
70
|
-
}
|
|
71
|
-
return target;
|
|
72
|
-
};
|
|
73
|
-
const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e32a294"]]);
|
|
74
|
-
module.exports = index;
|
|
65
|
+
module.exports = _sfc_main;
|
|
@@ -1,3 +1,70 @@
|
|
|
1
|
+
.slider-captcha-dialog-container {
|
|
2
|
+
.slider-captcha-dialog-modal {
|
|
3
|
+
position: fixed;
|
|
4
|
+
left: 0;
|
|
5
|
+
top: 0;
|
|
6
|
+
width: 100%;
|
|
7
|
+
height: 100%;
|
|
8
|
+
opacity: 0.7;
|
|
9
|
+
background: #000;
|
|
10
|
+
|
|
11
|
+
z-index: 1000;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.slider-captcha-dialog-wrapper {
|
|
15
|
+
position: fixed;
|
|
16
|
+
top: 0;
|
|
17
|
+
right: 0;
|
|
18
|
+
bottom: 0;
|
|
19
|
+
left: 0;
|
|
20
|
+
overflow: hidden;
|
|
21
|
+
margin: 0;
|
|
22
|
+
|
|
23
|
+
z-index: 1001;
|
|
24
|
+
|
|
25
|
+
.slider-captcha-dialog {
|
|
26
|
+
// 在移动端禁止上下滑动,添加position: fixed;
|
|
27
|
+
position: fixed;
|
|
28
|
+
background: #fff;
|
|
29
|
+
padding: 10px;
|
|
30
|
+
overflow: hidden;
|
|
31
|
+
|
|
32
|
+
top: 50%;
|
|
33
|
+
left: 50%;
|
|
34
|
+
transform: translate(-50%, -50%);
|
|
35
|
+
|
|
36
|
+
height: 255px;
|
|
37
|
+
//height: 458px;
|
|
38
|
+
|
|
39
|
+
width: 320px;
|
|
40
|
+
|
|
41
|
+
display: flex;
|
|
42
|
+
flex-direction: column;
|
|
43
|
+
|
|
44
|
+
border-radius: 4px;
|
|
45
|
+
|
|
46
|
+
.slider-captcha {
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.slide-up {
|
|
51
|
+
animation: slide-up-animation 0.5s ease;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@keyframes slide-up-animation {
|
|
55
|
+
0% {
|
|
56
|
+
transform: translate(-50%, 100%);
|
|
57
|
+
}
|
|
58
|
+
100% {
|
|
59
|
+
transform: translate(-50%, -50%);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
1
68
|
.slider-captcha-container {
|
|
2
69
|
.slider-captcha {
|
|
3
70
|
position: relative;
|
package/package.json
CHANGED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
.slider-captcha-dialog-container .slider-captcha-dialog-modal[data-v-7e32a294] {
|
|
2
|
-
position: fixed;
|
|
3
|
-
left: 0;
|
|
4
|
-
top: 0;
|
|
5
|
-
width: 100%;
|
|
6
|
-
height: 100%;
|
|
7
|
-
opacity: 0.7;
|
|
8
|
-
background: #000;
|
|
9
|
-
z-index: 1000;
|
|
10
|
-
}
|
|
11
|
-
.slider-captcha-dialog-container .slider-captcha-dialog-wrapper[data-v-7e32a294] {
|
|
12
|
-
position: fixed;
|
|
13
|
-
top: 0;
|
|
14
|
-
right: 0;
|
|
15
|
-
bottom: 0;
|
|
16
|
-
left: 0;
|
|
17
|
-
overflow: hidden;
|
|
18
|
-
margin: 0;
|
|
19
|
-
z-index: 1001;
|
|
20
|
-
}
|
|
21
|
-
.slider-captcha-dialog-container .slider-captcha-dialog-wrapper .slider-captcha-dialog[data-v-7e32a294] {
|
|
22
|
-
position: fixed;
|
|
23
|
-
background: #fff;
|
|
24
|
-
padding: 10px;
|
|
25
|
-
overflow: hidden;
|
|
26
|
-
top: 50%;
|
|
27
|
-
left: 50%;
|
|
28
|
-
transform: translate(-50%, -50%);
|
|
29
|
-
height: 255px;
|
|
30
|
-
width: 320px;
|
|
31
|
-
display: flex;
|
|
32
|
-
flex-direction: column;
|
|
33
|
-
border-radius: 4px;
|
|
34
|
-
}
|
|
35
|
-
.slider-captcha-dialog-container .slider-captcha-dialog-wrapper .slide-up[data-v-7e32a294] {
|
|
36
|
-
animation: slide-up-animation-7e32a294 0.5s ease;
|
|
37
|
-
}
|
|
38
|
-
@keyframes slide-up-animation-7e32a294 {
|
|
39
|
-
0% {
|
|
40
|
-
transform: translate(-50%, 100%);
|
|
41
|
-
}
|
|
42
|
-
100% {
|
|
43
|
-
transform: translate(-50%, -50%);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
.slider-captcha-dialog-container .slider-captcha-dialog-modal[data-v-7e32a294] {
|
|
2
|
-
position: fixed;
|
|
3
|
-
left: 0;
|
|
4
|
-
top: 0;
|
|
5
|
-
width: 100%;
|
|
6
|
-
height: 100%;
|
|
7
|
-
opacity: 0.7;
|
|
8
|
-
background: #000;
|
|
9
|
-
z-index: 1000;
|
|
10
|
-
}
|
|
11
|
-
.slider-captcha-dialog-container .slider-captcha-dialog-wrapper[data-v-7e32a294] {
|
|
12
|
-
position: fixed;
|
|
13
|
-
top: 0;
|
|
14
|
-
right: 0;
|
|
15
|
-
bottom: 0;
|
|
16
|
-
left: 0;
|
|
17
|
-
overflow: hidden;
|
|
18
|
-
margin: 0;
|
|
19
|
-
z-index: 1001;
|
|
20
|
-
}
|
|
21
|
-
.slider-captcha-dialog-container .slider-captcha-dialog-wrapper .slider-captcha-dialog[data-v-7e32a294] {
|
|
22
|
-
position: fixed;
|
|
23
|
-
background: #fff;
|
|
24
|
-
padding: 10px;
|
|
25
|
-
overflow: hidden;
|
|
26
|
-
top: 50%;
|
|
27
|
-
left: 50%;
|
|
28
|
-
transform: translate(-50%, -50%);
|
|
29
|
-
height: 255px;
|
|
30
|
-
width: 320px;
|
|
31
|
-
display: flex;
|
|
32
|
-
flex-direction: column;
|
|
33
|
-
border-radius: 4px;
|
|
34
|
-
}
|
|
35
|
-
.slider-captcha-dialog-container .slider-captcha-dialog-wrapper .slide-up[data-v-7e32a294] {
|
|
36
|
-
animation: slide-up-animation-7e32a294 0.5s ease;
|
|
37
|
-
}
|
|
38
|
-
@keyframes slide-up-animation-7e32a294 {
|
|
39
|
-
0% {
|
|
40
|
-
transform: translate(-50%, 100%);
|
|
41
|
-
}
|
|
42
|
-
100% {
|
|
43
|
-
transform: translate(-50%, -50%);
|
|
44
|
-
}
|
|
45
|
-
}
|