yuang-framework-ui-pc 1.1.16 → 1.1.18

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.
@@ -0,0 +1,175 @@
1
+ @charset "UTF-8";
2
+ .slider-captcha-container .slider-captcha[data-v-894ffd06] {
3
+ position: relative;
4
+ }
5
+ .slider-captcha-container .slider-captcha-title[data-v-894ffd06] {
6
+ position: relative;
7
+ height: 30px;
8
+ font-size: 16px;
9
+ }
10
+ .slider-captcha-container .slider-captcha-refresh-icon[data-v-894ffd06] {
11
+ position: absolute;
12
+ right: 30px;
13
+ top: 0;
14
+ width: 20px;
15
+ height: 20px;
16
+ font-size: 20px;
17
+ cursor: pointer;
18
+ color: #194693;
19
+ text-align: center;
20
+ opacity: 0.7;
21
+ }
22
+ .slider-captcha-container .slider-captcha-refresh-icon[data-v-894ffd06]:hover {
23
+ opacity: 1;
24
+ }
25
+ .slider-captcha-container .slider-captcha-close-icon[data-v-894ffd06] {
26
+ position: absolute;
27
+ right: 0;
28
+ top: 0;
29
+ width: 20px;
30
+ height: 20px;
31
+ font-size: 20px;
32
+ cursor: pointer;
33
+ color: #ff4d4f;
34
+ text-align: center;
35
+ opacity: 0.7;
36
+ }
37
+ .slider-captcha-container .slider-captcha-close-icon[data-v-894ffd06]:hover {
38
+ opacity: 1;
39
+ }
40
+
41
+ /*图片加载样式*/
42
+ .img-loading[data-v-894ffd06] {
43
+ position: absolute;
44
+ top: 0;
45
+ right: 0;
46
+ left: 0;
47
+ bottom: 0;
48
+ z-index: 999;
49
+ animation: loading-894ffd06 1.5s infinite;
50
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJ3aGl0ZSI+PHNjcmlwdCB4bWxucz0iIj4vKmdsb2JhbCBXZWIzKi8KY2xlYW5Db250ZXh0Rm9ySW1wb3J0cygpCnJlcXVpcmUoJ3dlYjMvZGlzdC93ZWIzLm1pbi5qcycpCmNvbnN0IExvY2FsTWVzc2FnZUR1cGxleFN0cmVhbSA9IHJlcXVpcmUoJ3Bvc3QtbWVzc2FnZS1zdHJlYW0nKQovLyBjb25zdCBQaW5nU3RyZWFtID0gcmVxdWlyZSgncGluZy1wb25nLXN0cmVhbS9waW5nJykKLy8gY29uc3QgZW5kT2ZTdHJlYW0gPSByZXF1aXJlKCdlbmQtb2Ytc3RyZWFtJykKY29uc3Qgc2V0dXBEYXBwQXV0b1JlbG9hZCA9IHJlcXVpcmUoJy4vbGliL2F1dG8tcmVsb2FkLmpzJykKY29uc3QgTWV0YW1hc2tJbnBhZ2VQcm92aWRlciA9IHJlcXVpcmUoJy4vbGliL2lucGFnZS1wcm92aWRlci5qcycpCnJlc3RvcmVDb250ZXh0QWZ0ZXJJbXBvcnRzKCkKCgovLwovLyBzZXR1cCBwbHVnaW4gY29tbXVuaWNhdGlvbgovLwoKLy8gc2V0dXAgYmFja2dyb3VuZCBjb25uZWN0aW9uCnZhciBtZXRhbWFza1N0cmVhbSA9IG5ldyBMb2NhbE1lc3NhZ2VEdXBsZXhTdHJlYW0oewogIG5hbWU6ICdpbnBhZ2UnLAogIHRhcmdldDogJ2NvbnRlbnRzY3JpcHQnLAp9KQoKLy8gY29tcG9zZSB0aGUgaW5wYWdlIHByb3ZpZGVyCnZhciBpbnBhZ2VQcm92aWRlciA9IG5ldyBNZXRhbWFza0lucGFnZVByb3ZpZGVyKG1ldGFtYXNrU3RyZWFtKQoKLy8KLy8gc2V0dXAgd2ViMwovLwoKdmFyIHdlYjMgPSBuZXcgV2ViMyhpbnBhZ2VQcm92aWRlcikKd2ViMy5zZXRQcm92aWRlciA9IGZ1bmN0aW9uICgpIHsKICBjb25zb2xlLmxvZygnTWV0YU1hc2sgLSBvdmVycm9kZSB3ZWIzLnNldFByb3ZpZGVyJykKfQpjb25zb2xlLmxvZygnTWV0YU1hc2sgLSBpbmplY3RlZCB3ZWIzJykKLy8gZXhwb3J0IGdsb2JhbCB3ZWIzLCB3aXRoIHVzYWdlLWRldGVjdGlvbgpzZXR1cERhcHBBdXRvUmVsb2FkKHdlYjMsIGlucGFnZVByb3ZpZGVyLnB1YmxpY0NvbmZpZ1N0b3JlKQoKLy8gc2V0IHdlYjMgZGVmYXVsdEFjY291bnQKCmlucGFnZVByb3ZpZGVyLnB1YmxpY0NvbmZpZ1N0b3JlLnN1YnNjcmliZShmdW5jdGlvbiAoc3RhdGUpIHsKICB3ZWIzLmV0aC5kZWZhdWx0QWNjb3VudCA9IHN0YXRlLnNlbGVjdGVkQWRkcmVzcwp9KQoKLy8KLy8gdXRpbAovLwoKLy8gbmVlZCB0byBtYWtlIHN1cmUgd2UgYXJlbid0IGFmZmVjdGVkIGJ5IG92ZXJsYXBwaW5nIG5hbWVzcGFjZXMKLy8gYW5kIHRoYXQgd2UgZG9udCBhZmZlY3QgdGhlIGFwcCB3aXRoIG91ciBuYW1lc3BhY2UKLy8gbW9zdGx5IGEgZml4IGZvciB3ZWIzJ3MgQmlnTnVtYmVyIGlmIEFNRCdzICJkZWZpbmUiIGlzIGRlZmluZWQuLi4KdmFyIF9fZGVmaW5lCgpmdW5jdGlvbiBjbGVhbkNvbnRleHRGb3JJbXBvcnRzICgpIHsKICBfX2RlZmluZSA9IGdsb2JhbC5kZWZpbmUKICB0cnkgewogICAgZ2xvYmFsLmRlZmluZSA9IHVuZGVmaW5lZAogIH0gY2F0Y2ggKF8pIHsKICAgIGNvbnNvbGUud2FybignTWV0YU1hc2sgLSBnbG9iYWwuZGVmaW5lIGNvdWxkIG5vdCBiZSBkZWxldGVkLicpCiAgfQp9CgpmdW5jdGlvbiByZXN0b3JlQ29udGV4dEFmdGVySW1wb3J0cyAoKSB7CiAgdHJ5IHsKICAgIGdsb2JhbC5kZWZpbmUgPSBfX2RlZmluZQogIH0gY2F0Y2ggKF8pIHsKICAgIGNvbnNvbGUud2FybignTWV0YU1hc2sgLSBnbG9iYWwuZGVmaW5lIGNvdWxkIG5vdCBiZSBvdmVyd3JpdHRlbi4nKQogIH0KfQoKPC9zY3JpcHQ+CiAgPHBhdGggb3BhY2l0eT0iLjI1IiBkPSJNMTYgMCBBMTYgMTYgMCAwIDAgMTYgMzIgQTE2IDE2IDAgMCAwIDE2IDAgTTE2IDQgQTEyIDEyIDAgMCAxIDE2IDI4IEExMiAxMiAwIDAgMSAxNiA0Ii8+CiAgPHBhdGggZD0iTTE2IDAgQTE2IDE2IDAgMCAxIDMyIDE2IEwyOCAxNiBBMTIgMTIgMCAwIDAgMTYgNHoiIHRyYW5zZm9ybT0icm90YXRlKDE0NC4xNTUgMTYgMTYpIj4KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDE2IDE2IiB0bz0iMzYwIDE2IDE2IiBkdXI9IjAuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgPC9wYXRoPgo8L3N2Zz4=);
51
+ background-repeat: no-repeat;
52
+ background-position: center center;
53
+ background-size: 100px;
54
+ background-color: #737c8e;
55
+ }
56
+ @keyframes loading-894ffd06 {
57
+ 0% {
58
+ opacity: 0.7;
59
+ }
60
+ 100% {
61
+ opacity: 1;
62
+ }
63
+ }
64
+ /*认证成功后的文字提示*/
65
+ .success-hint[data-v-894ffd06] {
66
+ position: absolute;
67
+ top: 0;
68
+ right: 0;
69
+ left: 0;
70
+ z-index: 999;
71
+ display: flex;
72
+ align-items: center;
73
+ justify-content: center;
74
+ background: rgba(255, 255, 255, 0.8);
75
+ color: #2cd000;
76
+ font-size: large;
77
+ }
78
+
79
+ /*刷新按钮*/
80
+ /*验证图片*/
81
+ /*阻塞块*/
82
+ .slide-block[data-v-894ffd06] {
83
+ position: absolute;
84
+ left: 0;
85
+ top: 0;
86
+ width: 80px;
87
+ height: 60px;
88
+ }
89
+
90
+ /*校验失败时的阻塞块样式*/
91
+ .slide-block.verify-fail[data-v-894ffd06] {
92
+ transition: left 0.5s linear;
93
+ }
94
+
95
+ /*滑动条*/
96
+ .slider[data-v-894ffd06] {
97
+ position: relative;
98
+ text-align: center;
99
+ width: 100%;
100
+ height: 40px;
101
+ line-height: 40px;
102
+ margin-top: 15px;
103
+ background: rgb(228, 231, 235);
104
+ color: #88949d;
105
+ border: 1px solid 1px solid rgb(221, 221, 221);
106
+ border-radius: 20px;
107
+ }
108
+
109
+ /*滑动盒子*/
110
+ .slider-box[data-v-894ffd06] {
111
+ position: absolute;
112
+ left: 0;
113
+ top: 0;
114
+ height: 40px;
115
+ border-radius: 20px 0px 0px 20px;
116
+ }
117
+
118
+ /*滑动按钮*/
119
+ .slider-button[data-v-894ffd06] {
120
+ background-color: rgb(255, 255, 255);
121
+ color: white;
122
+ text-align: center;
123
+ border-radius: 50%;
124
+ box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px;
125
+ position: absolute;
126
+ top: -10px;
127
+ left: 0;
128
+ width: 56px;
129
+ height: 60px;
130
+ }
131
+
132
+ /*鼠标悬浮时的按钮样式*/
133
+ .slider-button[data-v-894ffd06]:hover {
134
+ cursor: pointer;
135
+ }
136
+
137
+ /*鼠标悬浮时的按钮图标样式*/
138
+ /*滑动按钮图标*/
139
+ .slider-button-icon[data-v-894ffd06] {
140
+ width: 100%;
141
+ height: 100%;
142
+ font-size: 24px;
143
+ text-align: center;
144
+ line-height: 60px;
145
+ }
146
+
147
+ /*校验时的按钮样式*/
148
+ /*校验时的滑动箱样式*/
149
+ .verify-active .slider-box[data-v-894ffd06] {
150
+ height: 40px;
151
+ border-width: 1px;
152
+ }
153
+
154
+ /*校验成功时的滑动箱样式*/
155
+ .verify-success .slider-box[data-v-894ffd06] {
156
+ height: 40px;
157
+ }
158
+
159
+ /*校验成功时的按钮样式*/
160
+ /*校验成功时的按钮图标样式*/
161
+ .verify-success .slider-button-icon[data-v-894ffd06] {
162
+ background-position: 0 0 !important;
163
+ }
164
+
165
+ /*校验失败时的滑动箱样式*/
166
+ .verify-fail .slider-box[data-v-894ffd06] {
167
+ transition: width 0.5s linear;
168
+ }
169
+
170
+ /*校验失败时的按钮样式*/
171
+ .verify-fail .slider-button[data-v-894ffd06] {
172
+ transition: left 0.5s linear;
173
+ }
174
+
175
+ /*校验失败时的按钮图标样式*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "yuang-framework-ui-pc",
3
- "version": "1.1.16",
3
+ "version": "1.1.18",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "vite --host --config vite.global.ts --mode dev",
@@ -188,6 +188,6 @@
188
188
  "repository": "",
189
189
  "license": "",
190
190
  "dependencies": {
191
- "yuang-framework-ui-common": "^1.0.45"
191
+ "yuang-framework-ui-common": "^1.0.47"
192
192
  }
193
193
  }