unika-components 1.1.192 → 1.1.194

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.
@@ -84,7 +84,102 @@
84
84
  transform: scale(1);
85
85
  opacity: 1;
86
86
  }
87
- }#audio {
87
+ }
88
+ .element-video {
89
+ position: absolute;
90
+ overflow: hidden;
91
+ background-color: transparent;
92
+ }
93
+
94
+ .element-video .ani-wrap, .element-video img {
95
+ display: block;
96
+ width: 100%;
97
+ height: 100%;
98
+ }
99
+
100
+ .video-container {
101
+ width: 100%;
102
+ height: 100%;
103
+ }
104
+
105
+ .video-container iframe {
106
+ width: 100%;
107
+ height: 100%;
108
+ border: none;
109
+ }
110
+
111
+ .video-cover {
112
+ position: relative;
113
+ width: 100%;
114
+ height: 100%;
115
+ background-size: cover;
116
+ background-position: center;
117
+ cursor: pointer;
118
+ }
119
+
120
+ .video-cover .play-btn {
121
+ position: absolute;
122
+ left: 50%;
123
+ top: 50%;
124
+ transform: translate(-50%, -50%);
125
+ width: 50px;
126
+ height: 50px;
127
+ opacity: 0.8;
128
+ transition: opacity 0.2s;
129
+ }
130
+
131
+ .video-cover:hover .play-btn {
132
+ opacity: 1;
133
+ }.ele-img {
134
+ position: absolute;
135
+ overflow: hidden;
136
+ }
137
+
138
+ .ele-img .ani-wrap {
139
+ width: 100%;
140
+ height: 100%;
141
+ }
142
+
143
+ .ele-img .ele-image {
144
+ position: relative;
145
+ display: block;
146
+ }
147
+
148
+ .ele-img .rotate-wrap {
149
+ position: absolute;
150
+ left: 0;
151
+ right: 0;
152
+ top: 0;
153
+ bottom: 0;
154
+ }
155
+
156
+ .ele-img .ele-img-bg,
157
+ .ele-img .rotate-wrap .img-wrap {
158
+ width: 100%;
159
+ height: 100%;
160
+ overflow: hidden;
161
+ }
162
+
163
+ .ele-img .ele-bg-wrap {
164
+ width: 100%;
165
+ height: 100%;
166
+ background-size: cover;
167
+ background-position: 50% 50%;
168
+ background-repeat: no-repeat;
169
+ background-clip: border-box;
170
+ }
171
+
172
+ /* 动画关键帧 */
173
+ @keyframes zoomIn {
174
+ from {
175
+ opacity: 0;
176
+ transform: scale(0.5);
177
+ }
178
+ to {
179
+ opacity: 1;
180
+ transform: scale(1);
181
+ }
182
+ }#audio {
88
183
  position: absolute;
89
184
  right: 10px;
90
185
  top: 10px;
@@ -154,102 +249,50 @@
154
249
  width: 100%;
155
250
  height: 2px;
156
251
  background: #fff;
157
- }.ele-img {
158
- position: absolute;
159
- overflow: hidden;
160
- }
161
-
162
- .ele-img .ani-wrap {
163
- width: 100%;
164
- height: 100%;
165
- }
166
-
167
- .ele-img .ele-image {
168
- position: relative;
169
- display: block;
170
- }
171
-
172
- .ele-img .rotate-wrap {
173
- position: absolute;
174
- left: 0;
175
- right: 0;
176
- top: 0;
177
- bottom: 0;
178
- }
179
-
180
- .ele-img .ele-img-bg,
181
- .ele-img .rotate-wrap .img-wrap {
182
- width: 100%;
183
- height: 100%;
184
- overflow: hidden;
185
- }
186
-
187
- .ele-img .ele-bg-wrap {
188
- width: 100%;
189
- height: 100%;
190
- background-size: cover;
191
- background-position: 50% 50%;
192
- background-repeat: no-repeat;
193
- background-clip: border-box;
194
- }
195
-
196
- /* 动画关键帧 */
197
- @keyframes zoomIn {
198
- from {
199
- opacity: 0;
200
- transform: scale(0.5);
201
- }
202
- to {
203
- opacity: 1;
204
- transform: scale(1);
205
- }
206
- }
207
- .element-video {
208
- position: absolute;
209
- overflow: hidden;
210
- background-color: transparent;
211
- }
212
-
213
- .element-video .ani-wrap, .element-video img {
214
- display: block;
215
- width: 100%;
216
- height: 100%;
217
- }
218
-
219
- .video-container {
220
- width: 100%;
221
- height: 100%;
222
- }
223
-
224
- .video-container iframe {
225
- width: 100%;
226
- height: 100%;
227
- border: none;
228
- }
229
-
230
- .video-cover {
231
- position: relative;
232
- width: 100%;
233
- height: 100%;
234
- background-size: cover;
235
- background-position: center;
236
- cursor: pointer;
237
- }
238
-
239
- .video-cover .play-btn {
240
- position: absolute;
241
- left: 50%;
242
- top: 50%;
243
- transform: translate(-50%, -50%);
244
- width: 50px;
245
- height: 50px;
246
- opacity: 0.8;
247
- transition: opacity 0.2s;
248
- }
249
-
250
- .video-cover:hover .play-btn {
251
- opacity: 1;
252
- }.count-down .drag-point {
252
+ }.ele-shape {
253
+ position: absolute;
254
+ overflow: hidden;
255
+ }
256
+
257
+ .ani-wrap {
258
+ width: 100%;
259
+ height: 100%;
260
+ box-sizing: border-box;
261
+ }
262
+
263
+ .e-shape {
264
+ width: 100%;
265
+ height: 100%;
266
+ }
267
+
268
+ .svg-container :deep(svg) {
269
+ width: 100%;
270
+ height: 100%;
271
+ display: block;
272
+ }
273
+
274
+ .svg-container {
275
+ width: 100%;
276
+ height: 100%;
277
+ display: block;
278
+ }
279
+
280
+
281
+ .svg-loading,
282
+ .svg-error {
283
+ display: flex;
284
+ align-items: center;
285
+ justify-content: center;
286
+ width: 100%;
287
+ height: 100%;
288
+ background: rgba(0,0,0,0.05);
289
+ }
290
+
291
+ .ele-shape .svg-container svg {
292
+ width: 100%;
293
+ height: 100%;
294
+ overflow: visible;
295
+ }.count-down .drag-point {
253
296
  cursor: default!important
254
297
  }
255
298
 
@@ -411,84 +454,7 @@
411
454
  align-items: center;
412
455
  white-space: nowrap
413
456
  }
414
- .element-ditu .ani-wrap {
415
- width: 100%;
416
- height: 100%;
417
- overflow: hidden
418
- }
419
-
420
- .element-ditu .map {
421
- width: 100%;
422
- height: 100%
423
- }
424
-
425
- .element-ditu .map .el-button {
426
- width: 100%;
427
- height: 100%;
428
- display: -webkit-box;
429
- display: -ms-flexbox;
430
- display: flex;
431
- -webkit-box-align: center;
432
- -ms-flex-align: center;
433
- align-items: center;
434
- padding: 0;
435
- -webkit-box-pack: center;
436
- -ms-flex-pack: center;
437
- justify-content: center;
438
- background: inherit;
439
- color: inherit;
440
- border: none
441
- }
442
-
443
- .element-ditu .center-map {
444
- width: 100%;
445
- height: 100%;
446
- background: #fff
447
- }
448
-
449
- .element-ditu .mask-map {
450
- position: absolute;
451
- width: 100%;
452
- height: 100%;
453
- top: 0
454
- }
455
- .map-iframe {
456
- width: 100%;
457
- height: 100%;
458
- }.call {
459
- position: absolute;
460
- cursor: pointer;
461
- user-select: none;
462
- }
463
-
464
- .call .ani-wrap {
465
- display: flex;
466
- justify-content: center;
467
- align-items: center;
468
- width: 100%;
469
- height: 100%;
470
- overflow: hidden;
471
- transition: opacity 0.2s;
472
- }
473
-
474
- .call .ani-wrap:hover {
475
- opacity: 0.9;
476
- }
477
457
 
478
- .call-content {
479
- display: flex;
480
- align-items: center;
481
- justify-content: center;
482
- }
483
-
484
- .btn-text {
485
- margin-left: 10px;
486
- }
487
-
488
-
489
- .hb-tel:before {
490
- content: "\E642";
491
- }
492
458
  @keyframes jumpheart {
493
459
  to {
494
460
  -webkit-transform: scale(1.2);
@@ -830,34 +796,50 @@
830
796
  }
831
797
  .icon-xingzhuangjiehe:before {
832
798
  content: "\E6A6";
833
- }.button {
834
- position: absolute;
835
- cursor: pointer;
836
- user-select: none;
837
- }
838
-
839
- .button .ani-wrap {
840
- display: flex;
841
- justify-content: center;
842
- align-items: center;
799
+ }.element-ditu .ani-wrap {
843
800
  width: 100%;
844
801
  height: 100%;
845
- overflow: hidden;
846
- transition: opacity 0.2s;
802
+ overflow: hidden
847
803
  }
848
-
849
- .button .ani-wrap:hover {
850
- opacity: 0.9;
804
+
805
+ .element-ditu .map {
806
+ width: 100%;
807
+ height: 100%
851
808
  }
852
809
 
853
- .button-content {
810
+ .element-ditu .map .el-button {
811
+ width: 100%;
812
+ height: 100%;
813
+ display: -webkit-box;
814
+ display: -ms-flexbox;
854
815
  display: flex;
816
+ -webkit-box-align: center;
817
+ -ms-flex-align: center;
855
818
  align-items: center;
819
+ padding: 0;
820
+ -webkit-box-pack: center;
821
+ -ms-flex-pack: center;
856
822
  justify-content: center;
823
+ background: inherit;
824
+ color: inherit;
825
+ border: none
857
826
  }
858
827
 
859
- .btn-text {
860
- margin-left: 10px;
828
+ .element-ditu .center-map {
829
+ width: 100%;
830
+ height: 100%;
831
+ background: #fff
832
+ }
833
+
834
+ .element-ditu .mask-map {
835
+ position: absolute;
836
+ width: 100%;
837
+ height: 100%;
838
+ top: 0
839
+ }
840
+ .map-iframe {
841
+ width: 100%;
842
+ height: 100%;
861
843
  }/* Iconfont definition */
862
844
  .icon-danmuliebiao1:before {
863
845
  content: "\E68A";
@@ -1761,7 +1743,40 @@
1761
1743
  100% { transform: rotate(360deg); }
1762
1744
  }
1763
1745
 
1764
- .ele-effect {
1746
+ .call {
1747
+ position: absolute;
1748
+ cursor: pointer;
1749
+ user-select: none;
1750
+ }
1751
+
1752
+ .call .ani-wrap {
1753
+ display: flex;
1754
+ justify-content: center;
1755
+ align-items: center;
1756
+ width: 100%;
1757
+ height: 100%;
1758
+ overflow: hidden;
1759
+ transition: opacity 0.2s;
1760
+ }
1761
+
1762
+ .call .ani-wrap:hover {
1763
+ opacity: 0.9;
1764
+ }
1765
+
1766
+ .call-content {
1767
+ display: flex;
1768
+ align-items: center;
1769
+ justify-content: center;
1770
+ }
1771
+
1772
+ .btn-text {
1773
+ margin-left: 10px;
1774
+ }
1775
+
1776
+
1777
+ .hb-tel:before {
1778
+ content: "\E642";
1779
+ }.ele-effect {
1765
1780
  will-change: transform;
1766
1781
  }
1767
1782
 
@@ -1816,103 +1831,7 @@
1816
1831
  transform-origin: center;
1817
1832
  -webkit-animation: snow 5s linear infinite;
1818
1833
  animation: snow 5s linear infinite
1819
- }
1820
- .ele-lottie .ele-lotwrap {
1821
- overflow: hidden;
1822
- }.ele-shape {
1823
- position: absolute;
1824
- overflow: hidden;
1825
- }
1826
-
1827
- .ani-wrap {
1828
- width: 100%;
1829
- height: 100%;
1830
- box-sizing: border-box;
1831
- }
1832
-
1833
- .e-shape {
1834
- width: 100%;
1835
- height: 100%;
1836
- }
1837
-
1838
- .svg-container :deep(svg) {
1839
- width: 100%;
1840
- height: 100%;
1841
- display: block;
1842
- }
1843
-
1844
- .svg-container {
1845
- width: 100%;
1846
- height: 100%;
1847
- display: block;
1848
- }
1849
-
1850
-
1851
- .svg-loading,
1852
- .svg-error {
1853
- display: flex;
1854
- align-items: center;
1855
- justify-content: center;
1856
- width: 100%;
1857
- height: 100%;
1858
- background: rgba(0,0,0,0.05);
1859
- }
1860
-
1861
- .ele-shape .svg-container svg {
1862
- width: 100%;
1863
- height: 100%;
1864
- overflow: visible;
1865
- }.form-input {
1866
- position: absolute;
1867
- }
1868
-
1869
- .input-wrapper {
1870
- display: flex;
1871
- align-items: center;
1872
- width: 100%;
1873
- height: 100%;
1874
- padding: 0 10px;
1875
- box-sizing: border-box;
1876
- position: relative;
1877
- transition: border-color 0.3s;
1878
- }
1879
-
1880
- .required-marker {
1881
- font-size: 12px;
1882
- padding: 0 5px 0 0;
1883
- color: red;
1884
- vertical-align: middle;
1885
- }
1886
-
1887
- input {
1888
- flex: 1;
1889
- border: none;
1890
- outline: none;
1891
- background: transparent;
1892
- height: 100%;
1893
- padding: 0;
1894
- margin: 0;
1895
- }
1896
- /*
1897
- input::placeholder {
1898
- color: #ccc;
1899
- opacity: 1;
1900
- } */
1901
-
1902
- .dynamic-placeholder-input::placeholder {
1903
- color: var(--placeholder-color, #999);
1904
- opacity: 1;
1905
- }
1906
- .dynamic-placeholder-input::-webkit-input-placeholder {
1907
- color: var(--placeholder-color, #999);
1908
- }
1909
- .dynamic-placeholder-input::-moz-placeholder {
1910
- color: var(--placeholder-color, #999);
1911
- opacity: 1;
1912
- }
1913
- .dynamic-placeholder-input:-ms-input-placeholder {
1914
- color: var(--placeholder-color, #999);
1915
- }@charset"UTF-8";.animated {
1834
+ }@charset"UTF-8";.animated {
1916
1835
  animation-duration: 1s;
1917
1836
  animation-fill-mode: both
1918
1837
  }
@@ -8401,91 +8320,164 @@ to {
8401
8320
  }
8402
8321
  }
8403
8322
 
8404
- /* .ele-form {
8405
- position: absolute;
8406
- user-select: none;
8407
- } */
8408
8323
 
8409
- .f-multiple {
8410
- cursor: pointer;
8324
+ .ele-lottie .ele-lotwrap {
8325
+ overflow: hidden;
8326
+ }#page-list .tip-cover {
8327
+ position: fixed;
8328
+ left: 0;
8329
+ top: 0;
8330
+ width: 100%;
8331
+ height: 100%;
8332
+ display: -ms-flexbox;
8333
+ display: flex;
8334
+ -ms-flex-align: center;
8335
+ align-items: center;
8336
+ -ms-flex-pack: center;
8337
+ justify-content: center;
8338
+ z-index: 999;
8339
+ background-color: rgba(0,0,0,.7)
8411
8340
  }
8412
8341
 
8413
- .ani-wrap {
8414
- position: relative;
8342
+ #page-list .tip-cover .tip {
8343
+ width: 80%;
8344
+ max-width: 250px;
8345
+ padding: 10px;
8346
+ border-radius: 5px;
8347
+ background-color: #fff
8415
8348
  }
8416
8349
 
8417
- .f-multiple .ani-wrap .fs-tit {
8350
+ #page-list .tip-cover .tip-btn {
8351
+ display: block;
8352
+ margin: 25px auto;
8353
+ width: 120px;
8354
+ height: 30px;
8355
+ color: #fff;
8356
+ border-radius: 4px;
8357
+ text-align: center;
8358
+ font-size: 14px;
8359
+ line-height: 30px;
8360
+ background: #ed5566
8361
+ }
8362
+
8363
+ #page-list .tip-cover .tip-content {
8364
+ font-size: 14px;
8365
+ padding-top: 30px;
8366
+ }
8367
+
8368
+ .tip-cover {
8369
+ position: fixed;
8370
+ left: 0;
8371
+ top: 0;
8372
+ width: 100%;
8373
+ height: 100%;
8374
+ display: -ms-flexbox;
8418
8375
  display: flex;
8419
- padding: 0 5px;
8420
- height: 40px;
8376
+ -ms-flex-align: center;
8421
8377
  align-items: center;
8422
- white-space: nowrap;
8423
- overflow: hidden;
8424
- text-overflow: ellipsis;
8425
- border-bottom: 1px solid rgba(153, 153, 153, 1);
8378
+ -ms-flex-pack: center;
8379
+ justify-content: center;
8380
+ z-index: 999;
8381
+ background-color: rgba(0,0,0,.7)
8426
8382
  }
8427
8383
 
8428
- .require {
8429
- padding: 0 5px 0 0;
8430
- color: red;
8431
- vertical-align: middle;
8384
+ .tip-cover .tip {
8385
+ width: 80%;
8386
+ max-width: 250px;
8387
+ padding: 5px;
8388
+ border-radius: 3px;
8389
+ background-color: #fff
8432
8390
  }
8433
8391
 
8434
- .f-multiple ul {
8435
- padding: 15px;
8436
- margin: 0;
8437
- list-style: none;
8392
+ .tip-cover .tip-btn {
8393
+ display: block;
8394
+ margin: 13px auto;
8395
+ width: 64px;
8396
+ height: 20px;
8397
+ color: #fff;
8398
+ border-radius: 4px;
8399
+ text-align: center;
8400
+ font-size: 14px;
8401
+ line-height: 20px;
8402
+ background: #ed5566;
8403
+ } .form-input {
8404
+ position: absolute;
8405
+ }
8406
+
8407
+ .input-wrapper {
8408
+ display: flex;
8409
+ align-items: center;
8410
+ width: 100%;
8411
+ height: 100%;
8412
+ padding: 0 10px;
8413
+ box-sizing: border-box;
8414
+ position: relative;
8415
+ transition: border-color 0.3s;
8416
+ }
8417
+
8418
+ .required-marker {
8419
+ font-size: 12px;
8420
+ padding: 0 5px 0 0;
8421
+ color: red;
8422
+ vertical-align: middle;
8423
+ }
8424
+
8425
+ input {
8426
+ flex: 1;
8427
+ border: none;
8428
+ outline: none;
8429
+ background: transparent;
8430
+ height: 100%;
8431
+ padding: 0;
8432
+ margin: 0;
8433
+ }
8434
+ /*
8435
+ input::placeholder {
8436
+ color: #ccc;
8437
+ opacity: 1;
8438
+ } */
8439
+
8440
+ .dynamic-placeholder-input::placeholder {
8441
+ color: var(--placeholder-color, #999);
8442
+ opacity: 1;
8443
+ }
8444
+ .dynamic-placeholder-input::-webkit-input-placeholder {
8445
+ color: var(--placeholder-color, #999);
8446
+ }
8447
+ .dynamic-placeholder-input::-moz-placeholder {
8448
+ color: var(--placeholder-color, #999);
8449
+ opacity: 1;
8450
+ }
8451
+ .dynamic-placeholder-input:-ms-input-placeholder {
8452
+ color: var(--placeholder-color, #999);
8453
+ }.button {
8454
+ position: absolute;
8455
+ cursor: pointer;
8456
+ user-select: none;
8438
8457
  }
8439
-
8440
- .f-multiple ul li {
8441
- margin-top: 12px;
8442
- font-size: 0;
8458
+
8459
+ .button .ani-wrap {
8443
8460
  display: flex;
8461
+ justify-content: center;
8444
8462
  align-items: center;
8445
- cursor: pointer;
8446
- }
8447
-
8448
- .f-multiple ul li:first-child {
8449
- margin-top: 0;
8450
- }
8451
-
8452
- .fs-circle {
8453
- display: inline-block;
8454
- width: 16px;
8455
- height: 16px;
8456
- border-radius: 50%;
8457
- position: relative;
8458
- transition: all 0.2s;
8459
- }
8460
-
8461
- .fs-circle.selected {
8462
- background-color: #2687f1;
8463
- border-color: #2687f1 !important;
8463
+ width: 100%;
8464
+ height: 100%;
8465
+ overflow: hidden;
8466
+ transition: opacity 0.2s;
8464
8467
  }
8465
-
8466
- .fs-circle.selected::after {
8467
- content: "";
8468
- position: absolute;
8469
- top: 3px;
8470
- left: 3px;
8471
- width: 8px;
8472
- height: 8px;
8473
- border-radius: 50%;
8474
- background-color: white;
8468
+
8469
+ .button .ani-wrap:hover {
8470
+ opacity: 0.9;
8475
8471
  }
8476
8472
 
8477
- .fs-txt {
8478
- display: inline-block;
8479
- width: calc(100% - 16px);
8480
- padding-left: 8px;
8481
- vertical-align: top;
8482
- word-break: break-all;
8483
- font-size: 14px;
8484
- line-height: 1.2;
8473
+ .button-content {
8474
+ display: flex;
8475
+ align-items: center;
8476
+ justify-content: center;
8485
8477
  }
8486
8478
 
8487
- .has-error .fs-tit {
8488
- border-bottom-color: #ff4d4f;
8479
+ .btn-text {
8480
+ margin-left: 10px;
8489
8481
  }
8490
8482
  .icon-guanbi:before {
8491
8483
  content: "\E676";
@@ -8880,84 +8872,7 @@ to {
8880
8872
  content: "\E65E";
8881
8873
  color: #F44336; /* 失败的红色 */
8882
8874
  }
8883
- #page-list .tip-cover {
8884
- position: fixed;
8885
- left: 0;
8886
- top: 0;
8887
- width: 100%;
8888
- height: 100%;
8889
- display: -ms-flexbox;
8890
- display: flex;
8891
- -ms-flex-align: center;
8892
- align-items: center;
8893
- -ms-flex-pack: center;
8894
- justify-content: center;
8895
- z-index: 999;
8896
- background-color: rgba(0,0,0,.7)
8897
- }
8898
-
8899
- #page-list .tip-cover .tip {
8900
- width: 80%;
8901
- max-width: 250px;
8902
- padding: 10px;
8903
- border-radius: 5px;
8904
- background-color: #fff
8905
- }
8906
-
8907
- #page-list .tip-cover .tip-btn {
8908
- display: block;
8909
- margin: 25px auto;
8910
- width: 120px;
8911
- height: 30px;
8912
- color: #fff;
8913
- border-radius: 4px;
8914
- text-align: center;
8915
- font-size: 14px;
8916
- line-height: 30px;
8917
- background: #ed5566
8918
- }
8919
-
8920
- #page-list .tip-cover .tip-content {
8921
- font-size: 14px;
8922
- padding-top: 30px;
8923
- }
8924
-
8925
- .tip-cover {
8926
- position: fixed;
8927
- left: 0;
8928
- top: 0;
8929
- width: 100%;
8930
- height: 100%;
8931
- display: -ms-flexbox;
8932
- display: flex;
8933
- -ms-flex-align: center;
8934
- align-items: center;
8935
- -ms-flex-pack: center;
8936
- justify-content: center;
8937
- z-index: 999;
8938
- background-color: rgba(0,0,0,.7)
8939
- }
8940
-
8941
- .tip-cover .tip {
8942
- width: 80%;
8943
- max-width: 250px;
8944
- padding: 5px;
8945
- border-radius: 3px;
8946
- background-color: #fff
8947
- }
8948
-
8949
- .tip-cover .tip-btn {
8950
- display: block;
8951
- margin: 13px auto;
8952
- width: 64px;
8953
- height: 20px;
8954
- color: #fff;
8955
- border-radius: 4px;
8956
- text-align: center;
8957
- font-size: 14px;
8958
- line-height: 20px;
8959
- background: #ed5566;
8960
- } .form-submit {
8875
+ .form-submit {
8961
8876
  cursor: pointer;
8962
8877
  transition: all 0.2s;
8963
8878
  outline: none;
@@ -9101,31 +9016,106 @@ cursor: not-allowed;
9101
9016
  width: 100%;
9102
9017
  height: 100%;
9103
9018
  z-index: 1000;
9104
- }
9105
- .global.receipt {
9106
- width: 35px;
9107
- height: 55px;
9108
- border-radius: 50%;
9109
- text-align: center;
9110
- margin-bottom: 5px;
9111
- border: 2px solid #fff;
9019
+ }/* .ele-form {
9020
+ position: absolute;
9021
+ user-select: none;
9022
+ } */
9023
+
9024
+ .f-multiple {
9112
9025
  cursor: pointer;
9113
9026
  }
9114
- .icon-liuyan:before { content: "\E636"; }
9115
- .iconfont { font-family: iconfont !important; font-size: 30px; font-style: normal; }
9116
- .global.receipt > span { font-size: 10px; line-height: 20px; display: block; }
9117
- .global.tel {
9027
+
9028
+ .ani-wrap {
9029
+ position: relative;
9030
+ }
9031
+
9032
+ .f-multiple .ani-wrap .fs-tit {
9033
+ display: flex;
9034
+ padding: 0 5px;
9035
+ height: 40px;
9036
+ align-items: center;
9037
+ white-space: nowrap;
9038
+ overflow: hidden;
9039
+ text-overflow: ellipsis;
9040
+ border-bottom: 1px solid rgba(153, 153, 153, 1);
9041
+ }
9042
+
9043
+ .require {
9044
+ padding: 0 5px 0 0;
9045
+ color: red;
9046
+ vertical-align: middle;
9047
+ }
9048
+
9049
+ .f-multiple ul {
9050
+ padding: 15px;
9051
+ margin: 0;
9052
+ list-style: none;
9053
+ }
9054
+
9055
+ .f-multiple ul li {
9056
+ margin-top: 12px;
9057
+ font-size: 0;
9058
+ display: flex;
9059
+ align-items: center;
9060
+ cursor: pointer;
9061
+ }
9062
+
9063
+ .f-multiple ul li:first-child {
9064
+ margin-top: 0;
9065
+ }
9066
+
9067
+ .fs-circle {
9068
+ display: inline-block;
9069
+ width: 16px;
9070
+ height: 16px;
9071
+ border-radius: 50%;
9072
+ position: relative;
9073
+ transition: all 0.2s;
9074
+ }
9075
+
9076
+ .fs-circle.selected {
9077
+ background-color: #2687f1;
9078
+ border-color: #2687f1 !important;
9079
+ }
9080
+
9081
+ .fs-circle.selected::after {
9082
+ content: "";
9083
+ position: absolute;
9084
+ top: 3px;
9085
+ left: 3px;
9086
+ width: 8px;
9087
+ height: 8px;
9088
+ border-radius: 50%;
9089
+ background-color: white;
9090
+ }
9091
+
9092
+ .fs-txt {
9093
+ display: inline-block;
9094
+ width: calc(100% - 16px);
9095
+ padding-left: 8px;
9096
+ vertical-align: top;
9097
+ word-break: break-all;
9098
+ font-size: 14px;
9099
+ line-height: 1.2;
9100
+ }
9101
+
9102
+ .has-error .fs-tit {
9103
+ border-bottom-color: #ff4d4f;
9104
+ }
9105
+ .global.video {
9118
9106
  width: 35px;
9119
9107
  height: 55px;
9120
9108
  border-radius: 50%;
9121
9109
  text-align: center;
9122
- margin-bottom: 15px;
9110
+ margin-bottom: 5px;
9123
9111
  border: 2px solid #fff;
9124
9112
  cursor: pointer;
9125
9113
  }
9126
- .icon-dianhua:before { content: "\E60E"; }
9114
+ .icon-shipin2:before { content: "\E611"; }
9127
9115
  .iconfont { font-family: iconfont !important; font-size: 30px; font-style: normal; }
9128
- .global.tel > span { font-size: 10px; line-height: 20px; display: block;}/* .ele-form {
9116
+ .global.video > span { font-size: 10px; line-height: 20px; display: block; position: relative; top: -4px;
9117
+ }
9118
+ /* .ele-form {
9129
9119
  position: absolute;
9130
9120
  user-select: none;
9131
9121
  }
@@ -9220,19 +9210,19 @@ cursor: not-allowed;
9220
9210
  height: 100%;
9221
9211
  z-index: 1000;
9222
9212
  }
9223
- .global.map {
9213
+ .global.tel {
9224
9214
  width: 35px;
9225
9215
  height: 55px;
9226
9216
  border-radius: 50%;
9227
9217
  text-align: center;
9228
- margin-bottom: 5px;
9218
+ margin-bottom: 15px;
9229
9219
  border: 2px solid #fff;
9230
9220
  cursor: pointer;
9231
9221
  }
9232
- .icon-daohang1:before { content: "\E612"; }
9222
+ .icon-dianhua:before { content: "\E60E"; }
9233
9223
  .iconfont { font-family: iconfont !important; font-size: 30px; font-style: normal; }
9234
- .global.map > span { font-size: 10px; line-height: 20px; display: block;}
9235
- .global.video {
9224
+ .global.tel > span { font-size: 10px; line-height: 20px; display: block;}
9225
+ .global.receipt {
9236
9226
  width: 35px;
9237
9227
  height: 55px;
9238
9228
  border-radius: 50%;
@@ -9241,7 +9231,18 @@ cursor: not-allowed;
9241
9231
  border: 2px solid #fff;
9242
9232
  cursor: pointer;
9243
9233
  }
9244
- .icon-shipin2:before { content: "\E611"; }
9234
+ .icon-liuyan:before { content: "\E636"; }
9245
9235
  .iconfont { font-family: iconfont !important; font-size: 30px; font-style: normal; }
9246
- .global.video > span { font-size: 10px; line-height: 20px; display: block; position: relative; top: -4px;
9236
+ .global.receipt > span { font-size: 10px; line-height: 20px; display: block; }
9237
+ .global.map {
9238
+ width: 35px;
9239
+ height: 55px;
9240
+ border-radius: 50%;
9241
+ text-align: center;
9242
+ margin-bottom: 5px;
9243
+ border: 2px solid #fff;
9244
+ cursor: pointer;
9247
9245
  }
9246
+ .icon-daohang1:before { content: "\E612"; }
9247
+ .iconfont { font-family: iconfont !important; font-size: 30px; font-style: normal; }
9248
+ .global.map > span { font-size: 10px; line-height: 20px; display: block;}
@@ -27692,7 +27692,7 @@ var script$e = defineComponent({
27692
27692
  const praiseCount = ref(0);
27693
27693
  // 在setup函数中添加图片加载状态
27694
27694
  const imageLoaded = ref(false);
27695
- const host = props.env === 'prd' ? 'http://localhost:3001' : 'https://h5.unika.cc';
27695
+ const host = props.env === '-prd' ? 'https://h5.unika.cc' : 'http://localhost:3001';
27696
27696
  let bulletIndex = 0;
27697
27697
  const blessingOptions = [
27698
27698
  'ขอให้รักกันตลอดไป',
@@ -29531,7 +29531,7 @@ var script$3 = defineComponent({
29531
29531
  const showPeopleSelect = ref(false);
29532
29532
  const showTip = ref(false);
29533
29533
  const tipMessage = ref('');
29534
- const host = props.env === 'prd' ? 'https://h5.unika.cc' : 'http://localhost:3001';
29534
+ const host = props.env === '-prd' ? 'https://h5.unika.cc' : 'http://localhost:3001';
29535
29535
  const receiptForm = reactive({
29536
29536
  guestName: '',
29537
29537
  people: '',
@@ -27699,7 +27699,7 @@
27699
27699
  const praiseCount = vue.ref(0);
27700
27700
  // 在setup函数中添加图片加载状态
27701
27701
  const imageLoaded = vue.ref(false);
27702
- const host = props.env === 'prd' ? 'http://localhost:3001' : 'https://h5.unika.cc';
27702
+ const host = props.env === '-prd' ? 'https://h5.unika.cc' : 'http://localhost:3001';
27703
27703
  let bulletIndex = 0;
27704
27704
  const blessingOptions = [
27705
27705
  'ขอให้รักกันตลอดไป',
@@ -29538,7 +29538,7 @@
29538
29538
  const showPeopleSelect = vue.ref(false);
29539
29539
  const showTip = vue.ref(false);
29540
29540
  const tipMessage = vue.ref('');
29541
- const host = props.env === 'prd' ? 'https://h5.unika.cc' : 'http://localhost:3001';
29541
+ const host = props.env === '-prd' ? 'https://h5.unika.cc' : 'http://localhost:3001';
29542
29542
  const receiptForm = vue.reactive({
29543
29543
  guestName: '',
29544
29544
  people: '',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unika-components",
3
- "version": "1.1.192",
3
+ "version": "1.1.194",
4
4
  "private": false,
5
5
  "main": "dist/unika-components.umd.js",
6
6
  "module": "dist/unika-components.esm.js",