蜗牛小弟
蜗牛小弟
  • 发布:2023-06-23 00:44
  • 更新:2023-06-23 17:24
  • 阅读:263

【报Bug】nvue模式下swiper组件css不生效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows10

HBuilderX类型: 正式

HBuilderX版本号: 3.8.6

手机系统: 全部

手机厂商: 苹果

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

测试过的手机:

小米 苹果手机

示例代码:
    <fui-bottom-popup :show="popup" @close="closePopup">  
        <view :style="{width: '750rpx', height: `${height}px`}">  
            <view class="tabs-wrap">  
                <fui-tabs :tabs="tabs" :current="current" center isDot scroll alignLeft @change="tabChange"></fui-tabs>  
            </view>  
            <view class="tabs-body">  
                <swiper :style="{flex: 1}" :current="current" @change="swiperChange">  
                    <swiper-item v-for="(tab, index) in tabs" :key="index">  
                        <component :is="tab.component" :customer_id="customer_id" :swiperIndex="index" :currentIndex="current"></component>  
                    </swiper-item>  
                </swiper>  
            </view>  
        </view>  
    </fui-bottom-popup>

这边采用:style="{flex: 1}"可以解决

操作步骤:

我发现swiper组件设置class 然后设置class中的flex:1不生效,直接写style可以。但是我新建项目无法复现。

预期结果:

撑满

实际结果:

没有效果

bug描述:

我发现swiper组件设置class 然后设置class中的flex:1不生效,直接写style可以。但是我新建项目无法复现。

2023-06-23 00:44 负责人:无 分享
已邀请:
昭昭L

昭昭L - 开心就好

deep试试

要回复问题请先登录注册