@atooyu/uxto-ui 1.1.43 → 1.1.45
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 +7 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +7 -7
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +14 -16
- package/package.json +1 -1
- package/src/components/u-tabbar/u-tabbar.vue +3 -5
package/dist/style.css
CHANGED
|
@@ -2380,19 +2380,17 @@ to {
|
|
|
2380
2380
|
}
|
|
2381
2381
|
.u-read-more__toggle-icon[data-v-b31720eb] {
|
|
2382
2382
|
font-size: 12px;
|
|
2383
|
-
}.u-tabbar[data-v-
|
|
2383
|
+
}.u-tabbar[data-v-229e6a86] {
|
|
2384
2384
|
position: fixed;
|
|
2385
2385
|
left: 0;
|
|
2386
2386
|
right: 0;
|
|
2387
2387
|
bottom: 0;
|
|
2388
2388
|
z-index: 999;
|
|
2389
2389
|
width: 100%;
|
|
2390
|
-
pointer-events: none;
|
|
2391
2390
|
padding-bottom: constant(safe-area-inset-bottom);
|
|
2392
2391
|
padding-bottom: env(safe-area-inset-bottom);
|
|
2393
2392
|
}
|
|
2394
|
-
.u-tabbar__nav-wrap[data-v-
|
|
2395
|
-
pointer-events: auto;
|
|
2393
|
+
.u-tabbar__nav-wrap[data-v-229e6a86] {
|
|
2396
2394
|
position: absolute;
|
|
2397
2395
|
left: 14px;
|
|
2398
2396
|
right: 14px;
|
|
@@ -2408,7 +2406,7 @@ to {
|
|
|
2408
2406
|
padding: 0 8px;
|
|
2409
2407
|
box-sizing: border-box;
|
|
2410
2408
|
}
|
|
2411
|
-
.u-tabbar__tab-btn[data-v-
|
|
2409
|
+
.u-tabbar__tab-btn[data-v-229e6a86] {
|
|
2412
2410
|
height: 40px;
|
|
2413
2411
|
border-radius: 20px;
|
|
2414
2412
|
background: transparent;
|
|
@@ -2423,23 +2421,23 @@ to {
|
|
|
2423
2421
|
padding: 0 16px;
|
|
2424
2422
|
margin: 0 20px;
|
|
2425
2423
|
}
|
|
2426
|
-
.u-tabbar__tab-btn--active[data-v-
|
|
2424
|
+
.u-tabbar__tab-btn--active[data-v-229e6a86] {
|
|
2427
2425
|
background: #ffffff;
|
|
2428
2426
|
box-shadow: inset 0 0 0 1px rgba(17, 135, 128, 0.14);
|
|
2429
2427
|
}
|
|
2430
|
-
.u-tabbar__tab-text[data-v-
|
|
2428
|
+
.u-tabbar__tab-text[data-v-229e6a86] {
|
|
2431
2429
|
font-weight: 600;
|
|
2432
2430
|
font-size: 14px;
|
|
2433
2431
|
overflow: hidden;
|
|
2434
2432
|
text-overflow: ellipsis;
|
|
2435
2433
|
}
|
|
2436
|
-
.u-tabbar__center[data-v-
|
|
2434
|
+
.u-tabbar__center[data-v-229e6a86] {
|
|
2437
2435
|
position: relative;
|
|
2438
2436
|
width: 72px;
|
|
2439
2437
|
height: 56px;
|
|
2440
2438
|
flex-shrink: 0;
|
|
2441
2439
|
}
|
|
2442
|
-
.u-tabbar__center-btn[data-v-
|
|
2440
|
+
.u-tabbar__center-btn[data-v-229e6a86] {
|
|
2443
2441
|
position: absolute;
|
|
2444
2442
|
left: 50%;
|
|
2445
2443
|
top: -22px;
|
|
@@ -2457,29 +2455,29 @@ to {
|
|
|
2457
2455
|
box-shadow: 0 8px 20px rgba(8, 112, 106, 0.25);
|
|
2458
2456
|
transition: all 200ms ease;
|
|
2459
2457
|
}
|
|
2460
|
-
.u-tabbar__center-btn[data-v-
|
|
2458
|
+
.u-tabbar__center-btn[data-v-229e6a86]:active {
|
|
2461
2459
|
transform: translateX(-50%) scale(0.95);
|
|
2462
2460
|
}
|
|
2463
|
-
.u-tabbar__center-btn--active[data-v-
|
|
2461
|
+
.u-tabbar__center-btn--active[data-v-229e6a86] {
|
|
2464
2462
|
border-color: #12b6af;
|
|
2465
2463
|
box-shadow: 0 8px 24px rgba(8, 112, 106, 0.35);
|
|
2466
2464
|
}
|
|
2467
|
-
.u-tabbar__center-btn--side-active[data-v-
|
|
2465
|
+
.u-tabbar__center-btn--side-active[data-v-229e6a86] {
|
|
2468
2466
|
background: linear-gradient(135deg, #12b6af 0%, #65d8d1 100%);
|
|
2469
2467
|
border-color: #9fe4dd;
|
|
2470
2468
|
}
|
|
2471
|
-
.u-tabbar__center-btn--side-active .u-tabbar__center-brand[data-v-
|
|
2472
|
-
.u-tabbar__center-btn--side-active .u-tabbar__center-text[data-v-
|
|
2469
|
+
.u-tabbar__center-btn--side-active .u-tabbar__center-brand[data-v-229e6a86],
|
|
2470
|
+
.u-tabbar__center-btn--side-active .u-tabbar__center-text[data-v-229e6a86] {
|
|
2473
2471
|
color: #ffffff;
|
|
2474
2472
|
}
|
|
2475
|
-
.u-tabbar__center-brand[data-v-
|
|
2473
|
+
.u-tabbar__center-brand[data-v-229e6a86] {
|
|
2476
2474
|
font-size: 22px;
|
|
2477
2475
|
line-height: 1;
|
|
2478
2476
|
font-weight: 700;
|
|
2479
2477
|
color: #12b6af;
|
|
2480
2478
|
letter-spacing: 1px;
|
|
2481
2479
|
}
|
|
2482
|
-
.u-tabbar__center-text[data-v-
|
|
2480
|
+
.u-tabbar__center-text[data-v-229e6a86] {
|
|
2483
2481
|
font-size: 12px;
|
|
2484
2482
|
letter-spacing: 0.5px;
|
|
2485
2483
|
color: #12b6af;
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<view
|
|
7
7
|
class="u-tabbar__tab-btn"
|
|
8
8
|
:class="{ 'u-tabbar__tab-btn--active': modelValue === leftTab.value }"
|
|
9
|
-
@
|
|
9
|
+
@tap="switchTab(leftTab.value)"
|
|
10
10
|
>
|
|
11
11
|
<u-icon
|
|
12
12
|
v-if="leftTab.icon"
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
'u-tabbar__center-btn--active': modelValue === centerTab.value,
|
|
31
31
|
'u-tabbar__center-btn--side-active': modelValue === leftTab.value || modelValue === rightTab.value
|
|
32
32
|
}"
|
|
33
|
-
@
|
|
33
|
+
@tap="switchTab(centerTab.value)"
|
|
34
34
|
>
|
|
35
35
|
<text class="u-tabbar__center-brand">
|
|
36
36
|
{{ centerBrand }}
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
<view
|
|
46
46
|
class="u-tabbar__tab-btn"
|
|
47
47
|
:class="{ 'u-tabbar__tab-btn--active': modelValue === rightTab.value }"
|
|
48
|
-
@
|
|
48
|
+
@tap="switchTab(rightTab.value)"
|
|
49
49
|
>
|
|
50
50
|
<u-icon
|
|
51
51
|
v-if="rightTab.icon"
|
|
@@ -145,13 +145,11 @@ $--paper: #ffffff;
|
|
|
145
145
|
bottom: 0;
|
|
146
146
|
z-index: 999;
|
|
147
147
|
width: 100%;
|
|
148
|
-
pointer-events: none;
|
|
149
148
|
// 底部安全区域适配
|
|
150
149
|
padding-bottom: constant(safe-area-inset-bottom);
|
|
151
150
|
padding-bottom: env(safe-area-inset-bottom);
|
|
152
151
|
|
|
153
152
|
&__nav-wrap {
|
|
154
|
-
pointer-events: auto;
|
|
155
153
|
position: absolute;
|
|
156
154
|
left: 14px;
|
|
157
155
|
right: 14px;
|