diff --git a/pwuniapp/pages/index/index.vue b/pwuniapp/pages/index/index.vue
index c749c4d..0ee7a39 100644
--- a/pwuniapp/pages/index/index.vue
+++ b/pwuniapp/pages/index/index.vue
@@ -15,17 +15,21 @@
-
+
热搜:
-
- {{ word }}
-
+
+
+
+ {{ word }}
+
+
+
@@ -835,17 +839,13 @@ const navTo = (url) => {
.header-search {
padding-top: var(--safe-header-gap, 36rpx);
- padding-right: calc(32rpx + var(--capsule-right-space, 0rpx));
+ padding-right: 32rpx;
padding-bottom: 20rpx;
padding-left: 32rpx;
background-color: #0A0F1D;
position: sticky;
top: 0;
z-index: 50;
- /* #ifdef MP-WEIXIN */
- /* 微信小程序端胶囊按钮避让 (capsule-space) */
- padding-right: calc(32rpx + var(--capsule-right-space, 210rpx));
- /* #endif */
.search-box {
display: flex;
@@ -854,6 +854,7 @@ const navTo = (url) => {
height: 80rpx;
/* #ifdef MP-WEIXIN */
height: var(--capsule-height, 64rpx);
+ margin-right: var(--capsule-right-space, 210rpx);
/* #endif */
border-radius: 40rpx;
padding: 0 28rpx;
@@ -1437,23 +1438,51 @@ const navTo = (url) => {
.hot-search-tags {
display: flex;
align-items: center;
- flex-wrap: wrap;
- gap: 12rpx;
+ width: 100%;
margin-top: 14rpx;
+ overflow: hidden;
.hot-label {
+ flex-shrink: 0;
font-size: 20rpx;
color: #64748B;
+ margin-right: 8rpx;
+ line-height: 1;
+ }
+
+ .hot-scroll-view {
+ flex: 1;
+ min-width: 0;
+ white-space: nowrap;
+
+ ::-webkit-scrollbar {
+ display: none;
+ width: 0 !important;
+ height: 0 !important;
+ -webkit-appearance: none;
+ background: transparent;
+ }
+ }
+
+ .hot-tags-row {
+ display: inline-flex;
+ align-items: center;
+ gap: 12rpx;
}
.hot-tag {
+ flex-shrink: 0;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
font-size: 20rpx;
color: #94A3B8;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.08);
- padding: 4rpx 14rpx;
+ padding: 6rpx 16rpx;
border-radius: 20rpx;
transition: all 0.2s;
+ white-space: nowrap;
}
}