@hlw-uni/mp-vue 1.0.18 → 1.0.19
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.
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/style.css +45 -46
- package/package.json +1 -1
- package/src/components/hlw-menu/index.vue +1 -2
package/dist/index.js
CHANGED
|
@@ -466,7 +466,7 @@
|
|
|
466
466
|
};
|
|
467
467
|
}
|
|
468
468
|
});
|
|
469
|
-
const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-
|
|
469
|
+
const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-05c3313f"]]);
|
|
470
470
|
const _hoisted_1$1 = { class: "hlw-menu-list" };
|
|
471
471
|
const _hoisted_2$1 = ["onTap"];
|
|
472
472
|
const _hoisted_3$1 = { class: "hlw-menu-list__left" };
|
package/dist/index.mjs
CHANGED
|
@@ -463,7 +463,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
463
463
|
};
|
|
464
464
|
}
|
|
465
465
|
});
|
|
466
|
-
const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-
|
|
466
|
+
const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-05c3313f"]]);
|
|
467
467
|
const _hoisted_1$1 = { class: "hlw-menu-list" };
|
|
468
468
|
const _hoisted_2$1 = ["onTap"];
|
|
469
469
|
const _hoisted_3$1 = { class: "hlw-menu-list__left" };
|
package/dist/style.css
CHANGED
|
@@ -145,79 +145,78 @@ to { transform: rotate(360deg);
|
|
|
145
145
|
color: #999;
|
|
146
146
|
}
|
|
147
147
|
|
|
148
|
-
.hlw-menu[data-v-
|
|
148
|
+
.hlw-menu[data-v-05c3313f] {
|
|
149
149
|
background: #fff;
|
|
150
150
|
border-radius: var(--radius-lg, 24rpx);
|
|
151
151
|
border: 1rpx solid var(--border-color, #e2e8f0);
|
|
152
152
|
overflow: hidden;
|
|
153
153
|
width: 100%;
|
|
154
154
|
}
|
|
155
|
-
.hlw-menu--no-border[data-v-
|
|
155
|
+
.hlw-menu--no-border[data-v-05c3313f] {
|
|
156
156
|
border: none;
|
|
157
157
|
}
|
|
158
158
|
|
|
159
159
|
/* 标题 */
|
|
160
|
-
.hlw-menu-title[data-v-
|
|
161
|
-
padding: 24rpx 32rpx
|
|
160
|
+
.hlw-menu-title[data-v-05c3313f] {
|
|
161
|
+
padding: 24rpx 32rpx;
|
|
162
162
|
}
|
|
163
|
-
.hlw-menu-title text[data-v-
|
|
163
|
+
.hlw-menu-title text[data-v-05c3313f] {
|
|
164
164
|
font-size: 24rpx;
|
|
165
165
|
font-weight: 600;
|
|
166
166
|
color: #94a3b8;
|
|
167
167
|
letter-spacing: 1rpx;
|
|
168
168
|
}
|
|
169
|
-
.hlw-menu-title-divider[data-v-
|
|
170
|
-
margin: 16rpx 32rpx 0;
|
|
169
|
+
.hlw-menu-title-divider[data-v-05c3313f] {
|
|
171
170
|
height: 0;
|
|
172
171
|
border-bottom: 1rpx dashed var(--border-color, #e2e8f0);
|
|
173
172
|
}
|
|
174
173
|
|
|
175
174
|
/* ========== 列表模式 ========== */
|
|
176
|
-
.hlw-menu-item[data-v-
|
|
175
|
+
.hlw-menu-item[data-v-05c3313f] {
|
|
177
176
|
display: flex;
|
|
178
177
|
align-items: center;
|
|
179
178
|
justify-content: space-between;
|
|
180
179
|
padding: 24rpx 32rpx;
|
|
181
180
|
}
|
|
182
|
-
.hlw-menu-item--active[data-v-
|
|
181
|
+
.hlw-menu-item--active[data-v-05c3313f] {
|
|
183
182
|
background: #f8fafc;
|
|
184
183
|
}
|
|
185
|
-
.hlw-menu-divider[data-v-
|
|
184
|
+
.hlw-menu-divider[data-v-05c3313f] {
|
|
186
185
|
margin: 0 32rpx;
|
|
187
186
|
height: 0;
|
|
188
187
|
border-bottom: 1rpx dashed var(--border-color, #e2e8f0);
|
|
189
188
|
}
|
|
190
|
-
.hlw-menu-left[data-v-
|
|
189
|
+
.hlw-menu-left[data-v-05c3313f] {
|
|
191
190
|
display: flex;
|
|
192
191
|
align-items: center;
|
|
193
192
|
gap: 24rpx;
|
|
194
193
|
}
|
|
195
|
-
.hlw-menu-right[data-v-
|
|
194
|
+
.hlw-menu-right[data-v-05c3313f] {
|
|
196
195
|
display: flex;
|
|
197
196
|
align-items: center;
|
|
198
197
|
gap: 16rpx;
|
|
199
198
|
}
|
|
200
199
|
|
|
201
200
|
/* ========== 宫格模式 ========== */
|
|
202
|
-
.hlw-menu-grid[data-v-
|
|
201
|
+
.hlw-menu-grid[data-v-05c3313f] {
|
|
203
202
|
display: grid;
|
|
204
203
|
padding: 16rpx 0 24rpx;
|
|
205
204
|
}
|
|
206
|
-
.hlw-menu-grid-item[data-v-
|
|
205
|
+
.hlw-menu-grid-item[data-v-05c3313f] {
|
|
207
206
|
display: flex;
|
|
208
207
|
flex-direction: column;
|
|
209
208
|
align-items: center;
|
|
210
209
|
gap: 12rpx;
|
|
211
210
|
padding: 16rpx 8rpx;
|
|
212
211
|
}
|
|
213
|
-
.hlw-menu-grid-item--active[data-v-
|
|
212
|
+
.hlw-menu-grid-item--active[data-v-05c3313f] {
|
|
214
213
|
background: #f8fafc;
|
|
215
214
|
}
|
|
216
|
-
.hlw-menu-grid-icon-wrap[data-v-
|
|
215
|
+
.hlw-menu-grid-icon-wrap[data-v-05c3313f] {
|
|
217
216
|
position: relative;
|
|
218
217
|
padding-top: 20rpx; /* 预留徽标空间,保证所有格子图标水平对齐 */
|
|
219
218
|
}
|
|
220
|
-
.hlw-menu-badge[data-v-
|
|
219
|
+
.hlw-menu-badge[data-v-05c3313f] {
|
|
221
220
|
position: absolute;
|
|
222
221
|
top: 0;
|
|
223
222
|
right: -8rpx;
|
|
@@ -230,14 +229,14 @@ to { transform: rotate(360deg);
|
|
|
230
229
|
line-height: 28rpx;
|
|
231
230
|
height: 28rpx;
|
|
232
231
|
}
|
|
233
|
-
.hlw-menu-grid-label[data-v-
|
|
232
|
+
.hlw-menu-grid-label[data-v-05c3313f] {
|
|
234
233
|
font-size: 24rpx;
|
|
235
234
|
color: #334155;
|
|
236
235
|
text-align: center;
|
|
237
236
|
}
|
|
238
237
|
|
|
239
238
|
/* ========== 图标 ========== */
|
|
240
|
-
.hlw-menu-icon[data-v-
|
|
239
|
+
.hlw-menu-icon[data-v-05c3313f] {
|
|
241
240
|
width: 64rpx;
|
|
242
241
|
height: 64rpx;
|
|
243
242
|
border-radius: var(--radius-md, 16rpx);
|
|
@@ -246,86 +245,86 @@ to { transform: rotate(360deg);
|
|
|
246
245
|
justify-content: center;
|
|
247
246
|
flex-shrink: 0;
|
|
248
247
|
}
|
|
249
|
-
.hlw-menu-icon text[data-v-
|
|
248
|
+
.hlw-menu-icon text[data-v-05c3313f] {
|
|
250
249
|
font-size: 20rpx;
|
|
251
250
|
}
|
|
252
|
-
.hlw-menu-icon--grid[data-v-
|
|
251
|
+
.hlw-menu-icon--grid[data-v-05c3313f] {
|
|
253
252
|
width: 88rpx;
|
|
254
253
|
height: 88rpx;
|
|
255
254
|
border-radius: var(--radius-lg, 24rpx);
|
|
256
255
|
}
|
|
257
|
-
.hlw-menu-icon--grid text[data-v-
|
|
256
|
+
.hlw-menu-icon--grid text[data-v-05c3313f] {
|
|
258
257
|
font-size: 32rpx;
|
|
259
258
|
}
|
|
260
|
-
.hlw-menu-icon--orange[data-v-
|
|
259
|
+
.hlw-menu-icon--orange[data-v-05c3313f] {
|
|
261
260
|
background: #fff7ed;
|
|
262
261
|
color: #f97316;
|
|
263
262
|
}
|
|
264
|
-
.hlw-menu-icon--purple[data-v-
|
|
263
|
+
.hlw-menu-icon--purple[data-v-05c3313f] {
|
|
265
264
|
background: #faf5ff;
|
|
266
265
|
color: #a855f7;
|
|
267
266
|
}
|
|
268
|
-
.hlw-menu-icon--wechat[data-v-
|
|
267
|
+
.hlw-menu-icon--wechat[data-v-05c3313f] {
|
|
269
268
|
background: #f0fdf4;
|
|
270
269
|
color: #07c160;
|
|
271
270
|
}
|
|
272
|
-
.hlw-menu-icon--cyan[data-v-
|
|
271
|
+
.hlw-menu-icon--cyan[data-v-05c3313f] {
|
|
273
272
|
background: #ecfeff;
|
|
274
273
|
color: #06b6d4;
|
|
275
274
|
}
|
|
276
|
-
.hlw-menu-icon--emerald[data-v-
|
|
275
|
+
.hlw-menu-icon--emerald[data-v-05c3313f] {
|
|
277
276
|
background: #ecfdf5;
|
|
278
277
|
color: #10b981;
|
|
279
278
|
}
|
|
280
|
-
.hlw-menu-icon--slate[data-v-
|
|
279
|
+
.hlw-menu-icon--slate[data-v-05c3313f] {
|
|
281
280
|
background: #f1f5f9;
|
|
282
281
|
color: #64748b;
|
|
283
282
|
}
|
|
284
|
-
.hlw-menu-icon--rose[data-v-
|
|
283
|
+
.hlw-menu-icon--rose[data-v-05c3313f] {
|
|
285
284
|
background: #fff1f2;
|
|
286
285
|
color: #f43f5e;
|
|
287
286
|
}
|
|
288
|
-
.hlw-menu-icon--blue[data-v-
|
|
287
|
+
.hlw-menu-icon--blue[data-v-05c3313f] {
|
|
289
288
|
background: #eff6ff;
|
|
290
289
|
color: #3b82f6;
|
|
291
290
|
}
|
|
292
|
-
.hlw-menu-icon--red[data-v-
|
|
291
|
+
.hlw-menu-icon--red[data-v-05c3313f] {
|
|
293
292
|
background: #fef2f2;
|
|
294
293
|
color: #ef4444;
|
|
295
294
|
}
|
|
296
295
|
|
|
297
296
|
/* ========== 标签 / 角标 ========== */
|
|
298
|
-
.hlw-menu-label[data-v-
|
|
297
|
+
.hlw-menu-label[data-v-05c3313f] {
|
|
299
298
|
font-size: 28rpx;
|
|
300
299
|
font-weight: 500;
|
|
301
300
|
color: #334155;
|
|
302
301
|
}
|
|
303
|
-
.hlw-menu-tag[data-v-
|
|
302
|
+
.hlw-menu-tag[data-v-05c3313f] {
|
|
304
303
|
font-size: 20rpx;
|
|
305
304
|
color: #fff;
|
|
306
305
|
padding: 2rpx 12rpx;
|
|
307
306
|
border-radius: 9999rpx;
|
|
308
307
|
box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
|
|
309
308
|
}
|
|
310
|
-
.hlw-menu-tag--orange[data-v-
|
|
309
|
+
.hlw-menu-tag--orange[data-v-05c3313f] {
|
|
311
310
|
background: #fb923c;
|
|
312
311
|
}
|
|
313
|
-
.hlw-menu-tag--red[data-v-
|
|
312
|
+
.hlw-menu-tag--red[data-v-05c3313f] {
|
|
314
313
|
background: #ef4444;
|
|
315
314
|
}
|
|
316
|
-
.hlw-menu-tag--wechat[data-v-
|
|
315
|
+
.hlw-menu-tag--wechat[data-v-05c3313f] {
|
|
317
316
|
background: #07c160;
|
|
318
317
|
}
|
|
319
|
-
.hlw-menu-tag--rose[data-v-
|
|
318
|
+
.hlw-menu-tag--rose[data-v-05c3313f] {
|
|
320
319
|
background: #f43f5e;
|
|
321
320
|
}
|
|
322
|
-
.hlw-menu-tag--blue[data-v-
|
|
321
|
+
.hlw-menu-tag--blue[data-v-05c3313f] {
|
|
323
322
|
background: #3b82f6;
|
|
324
323
|
}
|
|
325
|
-
.hlw-menu-tag-pulse[data-v-
|
|
326
|
-
animation: tag-pulse-
|
|
324
|
+
.hlw-menu-tag-pulse[data-v-05c3313f] {
|
|
325
|
+
animation: tag-pulse-05c3313f 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
327
326
|
}
|
|
328
|
-
@keyframes tag-pulse-
|
|
327
|
+
@keyframes tag-pulse-05c3313f {
|
|
329
328
|
0%, 100% {
|
|
330
329
|
opacity: 1;
|
|
331
330
|
}
|
|
@@ -333,18 +332,18 @@ to { transform: rotate(360deg);
|
|
|
333
332
|
opacity: 0.5;
|
|
334
333
|
}
|
|
335
334
|
}
|
|
336
|
-
.hlw-menu-arrow[data-v-
|
|
335
|
+
.hlw-menu-arrow[data-v-05c3313f] {
|
|
337
336
|
color: #d1d5db;
|
|
338
337
|
font-size: 20rpx;
|
|
339
338
|
}
|
|
340
|
-
.hlw-menu-spin[data-v-
|
|
341
|
-
animation: icon-spin-
|
|
339
|
+
.hlw-menu-spin[data-v-05c3313f] {
|
|
340
|
+
animation: icon-spin-05c3313f 1s linear infinite;
|
|
342
341
|
}
|
|
343
|
-
.hlw-menu-muted[data-v-
|
|
342
|
+
.hlw-menu-muted[data-v-05c3313f] {
|
|
344
343
|
color: #94a3b8;
|
|
345
344
|
font-size: 20rpx;
|
|
346
345
|
}
|
|
347
|
-
@keyframes icon-spin-
|
|
346
|
+
@keyframes icon-spin-05c3313f {
|
|
348
347
|
from {
|
|
349
348
|
transform: rotate(0deg);
|
|
350
349
|
}
|
package/package.json
CHANGED
|
@@ -117,7 +117,7 @@ const handleClick = (item: HlwMenuItem) => {
|
|
|
117
117
|
|
|
118
118
|
/* 标题 */
|
|
119
119
|
.hlw-menu-title {
|
|
120
|
-
padding: 24rpx 32rpx
|
|
120
|
+
padding: 24rpx 32rpx;
|
|
121
121
|
text {
|
|
122
122
|
font-size: 24rpx;
|
|
123
123
|
font-weight: 600;
|
|
@@ -127,7 +127,6 @@ const handleClick = (item: HlwMenuItem) => {
|
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
.hlw-menu-title-divider {
|
|
130
|
-
margin: 16rpx 32rpx 0;
|
|
131
130
|
height: 0;
|
|
132
131
|
border-bottom: 1rpx dashed var(--border-color, #e2e8f0);
|
|
133
132
|
}
|