fix: enable horizontal topic scrolling
This commit is contained in:
@@ -29,7 +29,7 @@
|
||||
</view>
|
||||
|
||||
<view class="community-topics">
|
||||
<scroll-view scroll-x class="community-topics__scroll" show-scrollbar="false">
|
||||
<scroll-view scroll-x class="community-topics__scroll" :show-scrollbar="false">
|
||||
<view class="community-topics__list">
|
||||
<view v-for="tag in featuredTags" :key="tag.id" class="community-topic"
|
||||
:class="{ 'community-topic--active': activeTagId === tag.id }" @tap="selectTag(tag)">
|
||||
@@ -502,13 +502,13 @@ onShow(() => {
|
||||
border-top: 1rpx solid #f4f5f7;
|
||||
|
||||
&__scroll {
|
||||
width: 100%;
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&__list {
|
||||
display: inline-flex;
|
||||
flex-wrap: nowrap;
|
||||
gap: 16rpx;
|
||||
display: inline-block;
|
||||
padding: 0 28rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -526,8 +526,14 @@ onShow(() => {
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
margin-right: 16rpx;
|
||||
vertical-align: top;
|
||||
white-space: nowrap;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
text {
|
||||
font-size: 26rpx;
|
||||
font-weight: 500;
|
||||
|
||||
Reference in New Issue
Block a user