unika-components 1.0.193 → 1.0.195

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.
@@ -18,8 +18,9 @@ import UniSwiper from './components/UniSwiper';
18
18
  import UniButton from './components/UniButton';
19
19
  import UniBulidUp from './components/UniBulidUp';
20
20
  import UniTest from './components/UniTest';
21
+ import UniSvg from './components/UniSvg';
21
22
  declare const install: (app: App) => void;
22
- export { UniText, UniImage, UniShape, LongPage, SwiperPage, UniBackground, UniVideo, UniCalendar, UniCountdown, UniMap, UniCall, UniLike, UniEffect, UniRegisterForm, UniLotties, UniSwiper, UniButton, UniBulidUp, UniTest, install };
23
+ export { UniText, UniImage, UniShape, LongPage, SwiperPage, UniBackground, UniVideo, UniCalendar, UniCountdown, UniMap, UniCall, UniLike, UniEffect, UniRegisterForm, UniLotties, UniSwiper, UniButton, UniBulidUp, UniSvg, UniTest, install };
23
24
  declare const _default: {
24
25
  install: (app: App<any>) => void;
25
26
  };
@@ -1,24 +1,7 @@
1
-
2
- .uni-video-component {
3
- position: relative;
4
- text-align: center;
5
- }
6
- .play-pause-button {
7
- position: absolute;
8
- top: 50%;
9
- left: 50%;
10
- transform: translate(-50%, -50%);
11
- cursor: pointer;
12
- font-size: 2rem;
13
- color: #fff;
14
- background: rgba(0, 0, 0, 0.6);
15
- border-radius: 50%;
16
- padding: 10px;
17
- transition: background 0.3s;
18
- }
19
- .play-pause-button:hover {
20
- background: rgba(0, 0, 0, 0.8);
21
- }
1
+
2
+ .uni-image-component {
3
+ max-width: 100%;
4
+ }
22
5
 
23
6
  h2.uni-text-component, p.uni-text-component {
24
7
  margin-bottom: 0;
@@ -32,37 +15,6 @@ button.uni-text-component {
32
15
  white-space: pre-wrap;
33
16
  }
34
17
 
35
- .uni-image-component {
36
- max-width: 100%;
37
- }
38
-
39
- .like-button {
40
- display: flex;
41
- flex-direction: column;
42
- align-items: center;
43
- cursor: pointer;
44
- }
45
-
46
- .icon-heart {
47
- font-size: 24px;
48
- color: #e74c3c;
49
- }
50
-
51
- .liked {
52
- color: #f00; /* 更改颜色以示已赞 */
53
- }
54
-
55
- .like-count {
56
- margin-top: 4px;
57
- font-size: 16px;
58
- color: #333;
59
- }
60
-
61
- .effect {
62
- width: 100%;
63
- height: 100%;
64
- }
65
-
66
18
  .slide-guide {
67
19
  position: absolute;
68
20
  bottom: 90px;
@@ -136,23 +88,6 @@ body, html {
136
88
  }
137
89
  }
138
90
 
139
- .uni-build-up-component {
140
- }
141
-
142
- .swiper-warp {
143
- width: 100%;
144
- height: 100%;
145
- }
146
-
147
- .swiper-slide-component {
148
- text-align: center;
149
- }
150
-
151
- .swiper-slide img {
152
- max-width: 100%;
153
- max-height: 100%;
154
- }
155
-
156
91
 
157
92
  .uni-calendar-component {
158
93
 
@@ -165,6 +100,27 @@ body, html {
165
100
  color: #666
166
101
  }
167
102
 
103
+ .uni-video-component {
104
+ position: relative;
105
+ text-align: center;
106
+ }
107
+ .play-pause-button {
108
+ position: absolute;
109
+ top: 50%;
110
+ left: 50%;
111
+ transform: translate(-50%, -50%);
112
+ cursor: pointer;
113
+ font-size: 2rem;
114
+ color: #fff;
115
+ background: rgba(0, 0, 0, 0.6);
116
+ border-radius: 50%;
117
+ padding: 10px;
118
+ transition: background 0.3s;
119
+ }
120
+ .play-pause-button:hover {
121
+ background: rgba(0, 0, 0, 0.8);
122
+ }
123
+
168
124
  .ant-input-number {
169
125
  box-sizing: border-box;
170
126
  margin: 0;
@@ -199,6 +155,54 @@ body, html {
199
155
  margin-bottom: 0px;
200
156
  vertical-align: top;
201
157
  }
158
+
159
+ .effect {
160
+ width: 100%;
161
+ height: 100%;
162
+ }
163
+
164
+ .uni-build-up-component {
165
+ }
166
+
167
+ .uni-svg-component {
168
+ display: inline-block;
169
+ }
170
+
171
+ .like-button {
172
+ display: flex;
173
+ flex-direction: column;
174
+ align-items: center;
175
+ cursor: pointer;
176
+ }
177
+
178
+ .icon-heart {
179
+ font-size: 24px;
180
+ color: #e74c3c;
181
+ }
182
+
183
+ .liked {
184
+ color: #f00; /* 更改颜色以示已赞 */
185
+ }
186
+
187
+ .like-count {
188
+ margin-top: 4px;
189
+ font-size: 16px;
190
+ color: #333;
191
+ }
192
+
193
+ .swiper-warp {
194
+ width: 100%;
195
+ height: 100%;
196
+ }
197
+
198
+ .swiper-slide-component {
199
+ text-align: center;
200
+ }
201
+
202
+ .swiper-slide img {
203
+ max-width: 100%;
204
+ max-height: 100%;
205
+ }
202
206
  /**
203
207
  * Swiper 6.8.4
204
208
  * Most modern mobile touch slider and framework with hardware accelerated transitions