unika-components 1.0.125 → 1.0.127
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.
|
@@ -14,6 +14,49 @@ button.uni-text-component {
|
|
|
14
14
|
box-sizing: border-box;
|
|
15
15
|
white-space: pre-wrap;
|
|
16
16
|
}
|
|
17
|
+
|
|
18
|
+
.like-button {
|
|
19
|
+
display: flex;
|
|
20
|
+
flex-direction: column;
|
|
21
|
+
align-items: center;
|
|
22
|
+
cursor: pointer;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.icon-heart {
|
|
26
|
+
font-size: 24px;
|
|
27
|
+
color: #e74c3c;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.liked {
|
|
31
|
+
color: #f00; /* 更改颜色以示已赞 */
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.like-count {
|
|
35
|
+
margin-top: 4px;
|
|
36
|
+
font-size: 16px;
|
|
37
|
+
color: #333;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.uni-video-component {
|
|
41
|
+
position: relative;
|
|
42
|
+
text-align: center;
|
|
43
|
+
}
|
|
44
|
+
.play-pause-button {
|
|
45
|
+
position: absolute;
|
|
46
|
+
top: 50%;
|
|
47
|
+
left: 50%;
|
|
48
|
+
transform: translate(-50%, -50%);
|
|
49
|
+
cursor: pointer;
|
|
50
|
+
font-size: 2rem;
|
|
51
|
+
color: #fff;
|
|
52
|
+
background: rgba(0, 0, 0, 0.6);
|
|
53
|
+
border-radius: 50%;
|
|
54
|
+
padding: 10px;
|
|
55
|
+
transition: background 0.3s;
|
|
56
|
+
}
|
|
57
|
+
.play-pause-button:hover {
|
|
58
|
+
background: rgba(0, 0, 0, 0.8);
|
|
59
|
+
}
|
|
17
60
|
|
|
18
61
|
.slide-guide {
|
|
19
62
|
position: absolute;
|
|
@@ -88,76 +131,6 @@ body, html {
|
|
|
88
131
|
}
|
|
89
132
|
}
|
|
90
133
|
|
|
91
|
-
.uni-video-component {
|
|
92
|
-
position: relative;
|
|
93
|
-
text-align: center;
|
|
94
|
-
}
|
|
95
|
-
.play-pause-button {
|
|
96
|
-
position: absolute;
|
|
97
|
-
top: 50%;
|
|
98
|
-
left: 50%;
|
|
99
|
-
transform: translate(-50%, -50%);
|
|
100
|
-
cursor: pointer;
|
|
101
|
-
font-size: 2rem;
|
|
102
|
-
color: #fff;
|
|
103
|
-
background: rgba(0, 0, 0, 0.6);
|
|
104
|
-
border-radius: 50%;
|
|
105
|
-
padding: 10px;
|
|
106
|
-
transition: background 0.3s;
|
|
107
|
-
}
|
|
108
|
-
.play-pause-button:hover {
|
|
109
|
-
background: rgba(0, 0, 0, 0.8);
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.like-button {
|
|
113
|
-
display: flex;
|
|
114
|
-
flex-direction: column;
|
|
115
|
-
align-items: center;
|
|
116
|
-
cursor: pointer;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.icon-heart {
|
|
120
|
-
font-size: 24px;
|
|
121
|
-
color: #e74c3c;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.liked {
|
|
125
|
-
color: #f00; /* 更改颜色以示已赞 */
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.like-count {
|
|
129
|
-
margin-top: 4px;
|
|
130
|
-
font-size: 16px;
|
|
131
|
-
color: #333;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
.slot-number {
|
|
135
|
-
position: absolute;
|
|
136
|
-
bottom: 2px;
|
|
137
|
-
left: 7px;
|
|
138
|
-
font-size: 12px;
|
|
139
|
-
color: #666
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
.effect {
|
|
143
|
-
width: 100%;
|
|
144
|
-
height: 100%;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.swiper-warp {
|
|
148
|
-
width: 100%;
|
|
149
|
-
height: 100%;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.swiper-slide-component {
|
|
153
|
-
text-align: center;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
.swiper-slide img {
|
|
157
|
-
max-width: 100%;
|
|
158
|
-
max-height: 100%;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
134
|
.ant-input-number {
|
|
162
135
|
box-sizing: border-box;
|
|
163
136
|
margin: 0;
|
|
@@ -192,6 +165,33 @@ body, html {
|
|
|
192
165
|
margin-bottom: 0px;
|
|
193
166
|
vertical-align: top;
|
|
194
167
|
}
|
|
168
|
+
|
|
169
|
+
.swiper-warp {
|
|
170
|
+
width: 100%;
|
|
171
|
+
height: 100%;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.swiper-slide-component {
|
|
175
|
+
text-align: center;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.swiper-slide img {
|
|
179
|
+
max-width: 100%;
|
|
180
|
+
max-height: 100%;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.slot-number {
|
|
184
|
+
position: absolute;
|
|
185
|
+
bottom: 2px;
|
|
186
|
+
left: 7px;
|
|
187
|
+
font-size: 12px;
|
|
188
|
+
color: #666
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.effect {
|
|
192
|
+
width: 100%;
|
|
193
|
+
height: 100%;
|
|
194
|
+
}
|
|
195
195
|
/**
|
|
196
196
|
* Swiper 6.8.4
|
|
197
197
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
|
@@ -75576,6 +75576,7 @@ var script$1 = defineComponent({
|
|
|
75576
75576
|
const handleClick = useComponentClick(props);
|
|
75577
75577
|
const openUrl = () => {
|
|
75578
75578
|
if (!props.isEditing) {
|
|
75579
|
+
alert('Button clicked!');
|
|
75579
75580
|
window.location.href = props.buttonUrl;
|
|
75580
75581
|
}
|
|
75581
75582
|
};
|
|
@@ -75583,6 +75583,7 @@ summary tabindex target title type usemap value width wmode wrap`;
|
|
|
75583
75583
|
const handleClick = useComponentClick(props);
|
|
75584
75584
|
const openUrl = () => {
|
|
75585
75585
|
if (!props.isEditing) {
|
|
75586
|
+
alert('Button clicked!');
|
|
75586
75587
|
window.location.href = props.buttonUrl;
|
|
75587
75588
|
}
|
|
75588
75589
|
};
|