Fix:4729 【旅居商城小程序】分类总长度超出页面时,在不划动的情况下,最左侧文本也会被顶出页面(机型:苹果12,在不划动分类的情况下,最左侧文本应顶格显示)

This commit is contained in:
linxi
2025-12-22 09:21:39 +08:00
parent 0fd11fe68d
commit 00d630377e
+5 -4
View File
@@ -149,19 +149,19 @@
class="info-section" class="info-section"
> >
<view class="news-category"> <view class="news-category">
<scroll-view scroll-x class="news-category-scroll" show-scrollbar="false"> <view scroll-x class="news-category-scroll" show-scrollbar="false">
<view class="news-category-wrapper"> <view class="news-category-wrapper">
<view <view
v-for="(item, index) in newsCategoryList" v-for="(item, index) in newsCategoryList"
:key="index" :key="index"
class="category-item" class="category-item v12-mt-2"
:class="{ active: newsCurrent === index }" :class="{ active: newsCurrent === index }"
@click="changeNewsTab(index)" @click="changeNewsTab(index)"
> >
{{ item.name }} {{ item.name }}
</view> </view>
</view> </view>
</scroll-view> </view>
</view> </view>
<view> <view>
<view v-if="infoArray.length > 0" class="info-wrapper"> <view v-if="infoArray.length > 0" class="info-wrapper">
@@ -2075,8 +2075,9 @@ export default {
width: 100%; width: 100%;
} }
.news-category-wrapper { .news-category-wrapper {
overflow: scroll;
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-between;
} }
.category-item { .category-item {
display: inline-block; display: inline-block;