1***@qq.com
1***@qq.com
  • 发布:2020-04-23 23:57
  • 更新:2022-08-02 22:51
  • 阅读:1341

nvue下scroll-view无法横向滑动

分类:uni-app

代码如下。在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>  
2020-04-23 23:57 负责人:无 分享
已邀请:
9***@qq.com

9***@qq.com

没有大佬吗

6***@qq.com

6***@qq.com

确实有这个问题,解决了嘛..

2***@qq.com

2***@qq.com

<view class="view"> 这层不要,弹性直接写在scroll-view上

f***@outlook.com

f***@outlook.com

nvue inline-block 不支持 flex-shrink 也不支持,这方面真的能通过样式完备嘛。。

i***@163.com

i***@163.com - 学习永不停息

给 scroll-view 加 flex-direction: row; nvue 默认是column

要回复问题请先登录注册