Fix:4729 【旅居商城小程序】分类总长度超出页面时,在不划动的情况下,最左侧文本也会被顶出页面(机型:苹果12,在不划动分类的情况下,最左侧文本应顶格显示)
This commit is contained in:
@@ -149,19 +149,19 @@
|
||||
class="info-section"
|
||||
>
|
||||
<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
|
||||
v-for="(item, index) in newsCategoryList"
|
||||
:key="index"
|
||||
class="category-item"
|
||||
class="category-item v12-mt-2"
|
||||
:class="{ active: newsCurrent === index }"
|
||||
@click="changeNewsTab(index)"
|
||||
>
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<view v-if="infoArray.length > 0" class="info-wrapper">
|
||||
@@ -2075,8 +2075,9 @@ export default {
|
||||
width: 100%;
|
||||
}
|
||||
.news-category-wrapper {
|
||||
overflow: scroll;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.category-item {
|
||||
display: inline-block;
|
||||
|
||||
Reference in New Issue
Block a user