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.
@@ -1,11 +1,10 @@
1
- import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, createVNode, createCommentVNode, pushScopeId, popScopeId } from "vue";
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__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "slider-captcha-dialog-modal" }, null, -1));
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
- index as default
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__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "slider-captcha-dialog-modal" }, null, -1));
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
- const _export_sfc = (sfc, props) => {
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,6 +1,6 @@
1
1
  {
2
2
  "name": "yuang-framework-ui-pc",
3
- "version": "1.1.23",
3
+ "version": "1.1.24",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "vite --host --config vite.global.ts --mode dev",
@@ -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
- }