scroll
html代码
<scroll-view scroll-x="true" class="renwu-title-items"><view class="renwu-title-item" v-for="(item,index) in renwuTitles" :key="index">{{item}}</view></scroll-view>Css代码
.renwu-title-items {width: 100%;height: 100%;display: flex;box-sizing: border-box;/* flex-direction: row; */flex-wrap: nowrap;white-space: nowrap;padding: 10upx 20upx 0;}.renwu-title-item {width: 160upx;height: 60upx;box-sizing: border-box;border: 1px solid #D17C90;border-radius: 6upx;display: inline-block;font-size: 24upx;padding: 0 12upx;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 58upx;text-align: center;margin-left: 20upx;}效果图
scroll