unika-components 1.0.187 → 1.0.188
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,51 @@
|
|
|
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
|
+
}
|
|
38
|
+
|
|
39
|
+
h2.uni-text-component, p.uni-text-component {
|
|
40
|
+
margin-bottom: 0;
|
|
41
|
+
}
|
|
42
|
+
button.uni-text-component {
|
|
43
|
+
padding: 5px 10px;
|
|
44
|
+
cursor: pointer;
|
|
45
|
+
}
|
|
46
|
+
.uni-text-component {
|
|
47
|
+
box-sizing: border-box;
|
|
48
|
+
white-space: pre-wrap;
|
|
49
|
+
}
|
|
5
50
|
|
|
6
51
|
.slide-guide {
|
|
7
52
|
position: absolute;
|
|
@@ -76,49 +121,26 @@ body, html {
|
|
|
76
121
|
}
|
|
77
122
|
}
|
|
78
123
|
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
top: 50%;
|
|
86
|
-
left: 50%;
|
|
87
|
-
transform: translate(-50%, -50%);
|
|
88
|
-
cursor: pointer;
|
|
89
|
-
font-size: 2rem;
|
|
90
|
-
color: #fff;
|
|
91
|
-
background: rgba(0, 0, 0, 0.6);
|
|
92
|
-
border-radius: 50%;
|
|
93
|
-
padding: 10px;
|
|
94
|
-
transition: background 0.3s;
|
|
95
|
-
}
|
|
96
|
-
.play-pause-button:hover {
|
|
97
|
-
background: rgba(0, 0, 0, 0.8);
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
h2.uni-text-component, p.uni-text-component {
|
|
101
|
-
margin-bottom: 0;
|
|
102
|
-
}
|
|
103
|
-
button.uni-text-component {
|
|
104
|
-
padding: 5px 10px;
|
|
105
|
-
cursor: pointer;
|
|
106
|
-
}
|
|
107
|
-
.uni-text-component {
|
|
108
|
-
box-sizing: border-box;
|
|
109
|
-
white-space: pre-wrap;
|
|
110
|
-
}
|
|
111
|
-
|
|
124
|
+
.like-button {
|
|
125
|
+
display: flex;
|
|
126
|
+
flex-direction: column;
|
|
127
|
+
align-items: center;
|
|
128
|
+
cursor: pointer;
|
|
129
|
+
}
|
|
112
130
|
|
|
113
|
-
.
|
|
131
|
+
.icon-heart {
|
|
132
|
+
font-size: 24px;
|
|
133
|
+
color: #e74c3c;
|
|
134
|
+
}
|
|
114
135
|
|
|
136
|
+
.liked {
|
|
137
|
+
color: #f00; /* 更改颜色以示已赞 */
|
|
115
138
|
}
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
color: #666
|
|
139
|
+
|
|
140
|
+
.like-count {
|
|
141
|
+
margin-top: 4px;
|
|
142
|
+
font-size: 16px;
|
|
143
|
+
color: #333;
|
|
122
144
|
}
|
|
123
145
|
|
|
124
146
|
.effect {
|
|
@@ -161,28 +183,6 @@ button.uni-text-component {
|
|
|
161
183
|
vertical-align: top;
|
|
162
184
|
}
|
|
163
185
|
|
|
164
|
-
.like-button {
|
|
165
|
-
display: flex;
|
|
166
|
-
flex-direction: column;
|
|
167
|
-
align-items: center;
|
|
168
|
-
cursor: pointer;
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
.icon-heart {
|
|
172
|
-
font-size: 24px;
|
|
173
|
-
color: #e74c3c;
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
.liked {
|
|
177
|
-
color: #f00; /* 更改颜色以示已赞 */
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
.like-count {
|
|
181
|
-
margin-top: 4px;
|
|
182
|
-
font-size: 16px;
|
|
183
|
-
color: #333;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
186
|
.swiper-warp {
|
|
187
187
|
width: 100%;
|
|
188
188
|
height: 100%;
|
|
@@ -75665,7 +75665,7 @@ var script = defineComponent({
|
|
|
75665
75665
|
}
|
|
75666
75666
|
});
|
|
75667
75667
|
};
|
|
75668
|
-
watch([() => props.svgSrc, () => props.color], loadSvg, { immediate: true });
|
|
75668
|
+
watch([() => props.svgSrc, () => props.color, () => props.width, () => props.height], loadSvg, { immediate: true });
|
|
75669
75669
|
return {
|
|
75670
75670
|
styleProps,
|
|
75671
75671
|
handleClick,
|
|
@@ -75681,8 +75681,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
75681
75681
|
onClick: _cache[0] || (_cache[0] = withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
|
|
75682
75682
|
style: normalizeStyle$1(_ctx.styleProps),
|
|
75683
75683
|
class: "uni-svg-component",
|
|
75684
|
-
innerHTML: _ctx.svgContent
|
|
75685
|
-
draggable: false
|
|
75684
|
+
innerHTML: _ctx.svgContent
|
|
75686
75685
|
}, null, 12 /* STYLE, PROPS */, _hoisted_1))
|
|
75687
75686
|
}
|
|
75688
75687
|
|
|
@@ -75672,7 +75672,7 @@ summary tabindex target title type usemap value width wmode wrap`;
|
|
|
75672
75672
|
}
|
|
75673
75673
|
});
|
|
75674
75674
|
};
|
|
75675
|
-
vue.watch([() => props.svgSrc, () => props.color], loadSvg, { immediate: true });
|
|
75675
|
+
vue.watch([() => props.svgSrc, () => props.color, () => props.width, () => props.height], loadSvg, { immediate: true });
|
|
75676
75676
|
return {
|
|
75677
75677
|
styleProps,
|
|
75678
75678
|
handleClick,
|
|
@@ -75688,8 +75688,7 @@ summary tabindex target title type usemap value width wmode wrap`;
|
|
|
75688
75688
|
onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
|
|
75689
75689
|
style: vue.normalizeStyle(_ctx.styleProps),
|
|
75690
75690
|
class: "uni-svg-component",
|
|
75691
|
-
innerHTML: _ctx.svgContent
|
|
75692
|
-
draggable: false
|
|
75691
|
+
innerHTML: _ctx.svgContent
|
|
75693
75692
|
}, null, 12 /* STYLE, PROPS */, _hoisted_1))
|
|
75694
75693
|
}
|
|
75695
75694
|
|