Fix:4729 【旅居商城小程序】分类总长度超出页面时,在不划动的情况下,最左侧文本也会被顶出页面(机型:苹果12,在不划动分类的情况下,最左侧文本应顶格显示)
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user