首先就是scroll-view需要设置 scroll-x 和 scroll-y 其中的一个

如果是 scroll-y 需要设置高度,且有时在类名里面添加高度没反应,需要写入行内.

如果是 scroll-x 需要包裹的盒子宽度设好设置成display: inline-block; overflow:hidden;

white-space:nowrap;(且有时在类名中无效,需要写在行内.)

将内部的view设成display: inline-block; 

<view class="lxy-content">
		<scroll-view scroll-x="true" class="content-scroll" scroll-with-animation :scroll-left="scrollLeft">
			<view v-for="(item, index) in category" :key="index" class="scroll-item" @click="changeTitle(item,index)">
				<text class="item-text" :style="{color:curIndex==index?selectedTextColor:''}">{{item.orgName}}</text>
				<view class="swiper-tab-line" :style="{backgroundColor:curIndex==index?BottomColor:bgColor}">
				</view>
			</view>
		</scroll-view>
	</view>

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐