unika-components 1.0.193 → 1.0.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.
@@ -1,24 +1,19 @@
1
+
2
+ .uni-image-component {
3
+ max-width: 100%;
4
+ }
1
5
 
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
- }
6
+
7
+ .uni-calendar-component {
8
+
9
+ }
10
+ .slot-number {
11
+ position: absolute;
12
+ bottom: 2px;
13
+ left: 7px;
14
+ font-size: 12px;
15
+ color: #666
16
+ }
22
17
 
23
18
  h2.uni-text-component, p.uni-text-component {
24
19
  margin-bottom: 0;
@@ -32,37 +27,6 @@ button.uni-text-component {
32
27
  white-space: pre-wrap;
33
28
  }
34
29
 
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
30
  .slide-guide {
67
31
  position: absolute;
68
32
  bottom: 90px;
@@ -136,33 +100,52 @@ body, html {
136
100
  }
137
101
  }
138
102
 
139
- .uni-build-up-component {
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);
140
122
  }
141
123
 
142
- .swiper-warp {
143
- width: 100%;
144
- height: 100%;
124
+ .like-button {
125
+ display: flex;
126
+ flex-direction: column;
127
+ align-items: center;
128
+ cursor: pointer;
145
129
  }
146
130
 
147
- .swiper-slide-component {
148
- text-align: center;
131
+ .icon-heart {
132
+ font-size: 24px;
133
+ color: #e74c3c;
149
134
  }
150
135
 
151
- .swiper-slide img {
152
- max-width: 100%;
153
- max-height: 100%;
136
+ .liked {
137
+ color: #f00; /* 更改颜色以示已赞 */
154
138
  }
155
139
 
156
-
157
- .uni-calendar-component {
158
-
140
+ .like-count {
141
+ margin-top: 4px;
142
+ font-size: 16px;
143
+ color: #333;
159
144
  }
160
- .slot-number {
161
- position: absolute;
162
- bottom: 2px;
163
- left: 7px;
164
- font-size: 12px;
165
- color: #666
145
+
146
+ .effect {
147
+ width: 100%;
148
+ height: 100%;
166
149
  }
167
150
 
168
151
  .ant-input-number {
@@ -199,6 +182,23 @@ body, html {
199
182
  margin-bottom: 0px;
200
183
  vertical-align: top;
201
184
  }
185
+
186
+ .uni-build-up-component {
187
+ }
188
+
189
+ .swiper-warp {
190
+ width: 100%;
191
+ height: 100%;
192
+ }
193
+
194
+ .swiper-slide-component {
195
+ text-align: center;
196
+ }
197
+
198
+ .swiper-slide img {
199
+ max-width: 100%;
200
+ max-height: 100%;
201
+ }
202
202
  /**
203
203
  * Swiper 6.8.4
204
204
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -13048,7 +13048,7 @@ var script$g = defineComponent({
13048
13048
  if (len === 0)
13049
13049
  return;
13050
13050
  let animIdx = 0;
13051
- const oldStyle = component.props || {};
13051
+ component.props || {};
13052
13052
  const runAnimation = () => {
13053
13053
  if (animIdx < len) {
13054
13054
  const animation = animationQueue[animIdx];
@@ -13061,16 +13061,16 @@ var script$g = defineComponent({
13061
13061
  };
13062
13062
  const element = componentRefs.value.get('component-' + component.id);
13063
13063
  if (element) {
13064
- element.style.cssText = getComputedCSSText(animationStyle) + getComputedCSSText(oldStyle);
13065
- // element.style.cssText = getComputedCSSText({ ...animationStyle, width: '100%', height: '100%' });
13064
+ // element.style.cssText = getComputedCSSText(animationStyle) + getComputedCSSText(oldStyle);
13065
+ element.style.cssText = getComputedCSSText({ ...animationStyle, width: '100%', height: '100%' });
13066
13066
  animIdx++;
13067
13067
  }
13068
13068
  }
13069
13069
  else {
13070
13070
  const element = componentRefs.value.get('component-' + component.id);
13071
13071
  if (element) {
13072
- // element.style.cssText = getComputedCSSText({ width: '100%', height: '100%' });
13073
- element.style.cssText = getComputedCSSText(oldStyle);
13072
+ element.style.cssText = getComputedCSSText({ width: '100%', height: '100%' });
13073
+ // element.style.cssText = getComputedCSSText(oldStyle);
13074
13074
  }
13075
13075
  }
13076
13076
  };
@@ -13055,7 +13055,7 @@
13055
13055
  if (len === 0)
13056
13056
  return;
13057
13057
  let animIdx = 0;
13058
- const oldStyle = component.props || {};
13058
+ component.props || {};
13059
13059
  const runAnimation = () => {
13060
13060
  if (animIdx < len) {
13061
13061
  const animation = animationQueue[animIdx];
@@ -13068,16 +13068,16 @@
13068
13068
  };
13069
13069
  const element = componentRefs.value.get('component-' + component.id);
13070
13070
  if (element) {
13071
- element.style.cssText = getComputedCSSText(animationStyle) + getComputedCSSText(oldStyle);
13072
- // element.style.cssText = getComputedCSSText({ ...animationStyle, width: '100%', height: '100%' });
13071
+ // element.style.cssText = getComputedCSSText(animationStyle) + getComputedCSSText(oldStyle);
13072
+ element.style.cssText = getComputedCSSText({ ...animationStyle, width: '100%', height: '100%' });
13073
13073
  animIdx++;
13074
13074
  }
13075
13075
  }
13076
13076
  else {
13077
13077
  const element = componentRefs.value.get('component-' + component.id);
13078
13078
  if (element) {
13079
- // element.style.cssText = getComputedCSSText({ width: '100%', height: '100%' });
13080
- element.style.cssText = getComputedCSSText(oldStyle);
13079
+ element.style.cssText = getComputedCSSText({ width: '100%', height: '100%' });
13080
+ // element.style.cssText = getComputedCSSText(oldStyle);
13081
13081
  }
13082
13082
  }
13083
13083
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unika-components",
3
- "version": "1.0.193",
3
+ "version": "1.0.194",
4
4
  "private": false,
5
5
  "main": "dist/unika-components.umd.js",
6
6
  "module": "dist/unika-components.esm.js",