uni-app scroll-view 组件不生效
scroll-view 组件不生效
·
首先就是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>
更多推荐
已为社区贡献3条内容
所有评论(0)