unika-components 1.0.196 → 1.0.198
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.
|
@@ -2,6 +2,39 @@
|
|
|
2
2
|
.uni-image-component {
|
|
3
3
|
max-width: 100%;
|
|
4
4
|
}
|
|
5
|
+
|
|
6
|
+
.uni-video-component {
|
|
7
|
+
position: relative;
|
|
8
|
+
text-align: center;
|
|
9
|
+
}
|
|
10
|
+
.play-pause-button {
|
|
11
|
+
position: absolute;
|
|
12
|
+
top: 50%;
|
|
13
|
+
left: 50%;
|
|
14
|
+
transform: translate(-50%, -50%);
|
|
15
|
+
cursor: pointer;
|
|
16
|
+
font-size: 2rem;
|
|
17
|
+
color: #fff;
|
|
18
|
+
background: rgba(0, 0, 0, 0.6);
|
|
19
|
+
border-radius: 50%;
|
|
20
|
+
padding: 10px;
|
|
21
|
+
transition: background 0.3s;
|
|
22
|
+
}
|
|
23
|
+
.play-pause-button:hover {
|
|
24
|
+
background: rgba(0, 0, 0, 0.8);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
.uni-calendar-component {
|
|
29
|
+
|
|
30
|
+
}
|
|
31
|
+
.slot-number {
|
|
32
|
+
position: absolute;
|
|
33
|
+
bottom: 2px;
|
|
34
|
+
left: 7px;
|
|
35
|
+
font-size: 12px;
|
|
36
|
+
color: #666
|
|
37
|
+
}
|
|
5
38
|
|
|
6
39
|
h2.uni-text-component, p.uni-text-component {
|
|
7
40
|
margin-bottom: 0;
|
|
@@ -14,6 +47,28 @@ button.uni-text-component {
|
|
|
14
47
|
box-sizing: border-box;
|
|
15
48
|
white-space: pre-wrap;
|
|
16
49
|
}
|
|
50
|
+
|
|
51
|
+
.like-button {
|
|
52
|
+
display: flex;
|
|
53
|
+
flex-direction: column;
|
|
54
|
+
align-items: center;
|
|
55
|
+
cursor: pointer;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.icon-heart {
|
|
59
|
+
font-size: 24px;
|
|
60
|
+
color: #e74c3c;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.liked {
|
|
64
|
+
color: #f00; /* 更改颜色以示已赞 */
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.like-count {
|
|
68
|
+
margin-top: 4px;
|
|
69
|
+
font-size: 16px;
|
|
70
|
+
color: #333;
|
|
71
|
+
}
|
|
17
72
|
|
|
18
73
|
.slide-guide {
|
|
19
74
|
position: absolute;
|
|
@@ -88,75 +143,6 @@ body, html {
|
|
|
88
143
|
}
|
|
89
144
|
}
|
|
90
145
|
|
|
91
|
-
|
|
92
|
-
.uni-calendar-component {
|
|
93
|
-
|
|
94
|
-
}
|
|
95
|
-
.slot-number {
|
|
96
|
-
position: absolute;
|
|
97
|
-
bottom: 2px;
|
|
98
|
-
left: 7px;
|
|
99
|
-
font-size: 12px;
|
|
100
|
-
color: #666
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
.like-button {
|
|
104
|
-
display: flex;
|
|
105
|
-
flex-direction: column;
|
|
106
|
-
align-items: center;
|
|
107
|
-
cursor: pointer;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.icon-heart {
|
|
111
|
-
font-size: 24px;
|
|
112
|
-
color: #e74c3c;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.liked {
|
|
116
|
-
color: #f00; /* 更改颜色以示已赞 */
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.like-count {
|
|
120
|
-
margin-top: 4px;
|
|
121
|
-
font-size: 16px;
|
|
122
|
-
color: #333;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
.uni-video-component {
|
|
126
|
-
position: relative;
|
|
127
|
-
text-align: center;
|
|
128
|
-
}
|
|
129
|
-
.play-pause-button {
|
|
130
|
-
position: absolute;
|
|
131
|
-
top: 50%;
|
|
132
|
-
left: 50%;
|
|
133
|
-
transform: translate(-50%, -50%);
|
|
134
|
-
cursor: pointer;
|
|
135
|
-
font-size: 2rem;
|
|
136
|
-
color: #fff;
|
|
137
|
-
background: rgba(0, 0, 0, 0.6);
|
|
138
|
-
border-radius: 50%;
|
|
139
|
-
padding: 10px;
|
|
140
|
-
transition: background 0.3s;
|
|
141
|
-
}
|
|
142
|
-
.play-pause-button:hover {
|
|
143
|
-
background: rgba(0, 0, 0, 0.8);
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
.swiper-warp {
|
|
147
|
-
width: 100%;
|
|
148
|
-
height: 100%;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.swiper-slide-component {
|
|
152
|
-
text-align: center;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
.swiper-slide img {
|
|
156
|
-
max-width: 100%;
|
|
157
|
-
max-height: 100%;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
146
|
.ant-input-number {
|
|
161
147
|
box-sizing: border-box;
|
|
162
148
|
margin: 0;
|
|
@@ -192,6 +178,20 @@ body, html {
|
|
|
192
178
|
vertical-align: top;
|
|
193
179
|
}
|
|
194
180
|
|
|
181
|
+
.swiper-warp {
|
|
182
|
+
width: 100%;
|
|
183
|
+
height: 100%;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.swiper-slide-component {
|
|
187
|
+
text-align: center;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.swiper-slide img {
|
|
191
|
+
max-width: 100%;
|
|
192
|
+
max-height: 100%;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
195
|
.effect {
|
|
196
196
|
width: 100%;
|
|
197
197
|
height: 100%;
|
|
@@ -13070,7 +13070,7 @@ var script$h = defineComponent({
|
|
|
13070
13070
|
const element = componentRefs.value.get('component-' + component.id);
|
|
13071
13071
|
if (element) {
|
|
13072
13072
|
// element.style.cssText = getComputedCSSText({ width: '100%', height: '100%' });
|
|
13073
|
-
element.style.cssText = getComputedCSSText(oldStyle);
|
|
13073
|
+
element.style.cssText = getComputedCSSText({ ...oldStyle, position: oldStyle.position === 'absolute' ? 'static' : oldStyle.position });
|
|
13074
13074
|
}
|
|
13075
13075
|
}
|
|
13076
13076
|
};
|
|
@@ -13077,7 +13077,7 @@
|
|
|
13077
13077
|
const element = componentRefs.value.get('component-' + component.id);
|
|
13078
13078
|
if (element) {
|
|
13079
13079
|
// element.style.cssText = getComputedCSSText({ width: '100%', height: '100%' });
|
|
13080
|
-
element.style.cssText = getComputedCSSText(oldStyle);
|
|
13080
|
+
element.style.cssText = getComputedCSSText({ ...oldStyle, position: oldStyle.position === 'absolute' ? 'static' : oldStyle.position });
|
|
13081
13081
|
}
|
|
13082
13082
|
}
|
|
13083
13083
|
};
|