- 发布：2023-06-23 00:44
- 更新：2023-06-23 17:24
- 阅读：360
产品分类： 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}"可以解决
<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可以。但是我新建项目无法复现。
我发现swiper组件设置class 然后设置class中的flex:1不生效，直接写style可以。但是我新建项目无法复现。
预期结果：
撑满
撑满
实际结果：
没有效果
没有效果
bug描述：
我发现swiper组件设置class 然后设置class中的flex:1不生效，直接写style可以。但是我新建项目无法复现。
1 个回复
昭昭L - 开心就好
deep试试