代码如下。在nvue下的scroll-view无法横向滑动,经测试h5和小程序没问题,请问大佬们应该如何解决、
<template>
<view class="guide">
<scroll-view scroll-x scroll-with-animation>
<view class="view">
<text class="item" v-for="(item, index) in 10" :key="index" :data-id="index">Tab{{ index }}</text>
</view>
</scroll-view>
</view>
</template>
<script>
export default {
data() {
return {};
},
methods: {}
};
</script>
<style>
.view {
display: flex;
flex-direction: row;
}
.item {
font-size: 30rpx;
margin-left: 15px;
}
</style>
5 个回复
东方来客
没有大佬吗
6***@qq.com
确实有这个问题,解决了嘛..
2***@qq.com
<view class="view"> 这层不要,弹性直接写在scroll-view上
f***@outlook.com
nvue inline-block 不支持 flex-shrink 也不支持,这方面真的能通过样式完备嘛。。
i***@163.com - 学习永不停息
给 scroll-view 加 flex-direction: row; nvue 默认是column