【报Bug】vue3 nvue 开发swiper 组件 class选择器生效，设置的样式不生效！！！！！

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 11

HBuilderX类型：正式

HBuilderX版本号： 4.24

手机系统： Android

手机系统版本号： Android 15

手机厂商： vivo

手机机型： vivo x100

页面类型： nvue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

操作步骤：

    .vip-card-wrapper {}  

    .vip-card {  
        position: relative;  
        border: 1px solid red;  
        flex: 1;  
    }  
}

</style>

预期结果：

class 选择器设置样式生效

实际结果：

class 选择器设置样式不生效

bug描述：

vue2 nvue 页面的 swiper 组件使用class选择器设置的样式不生效，只能写在style中。选择器是可以生效的，能选中选择器的子元素


<template>  
    <swiper class="vip-card-list">  
        <swiper-item class="vip-card-wrapper" style="" v-for="card in vipCardList" :key="card.id">  
            <view class="vip-card">  
                vip-card  
            </view>  
        </swiper-item>  
    </swiper>  
</template>  

<style lang="scss">  
    .vip-card-list {  
        margin-top: 40rpx;  
        height: 406rpx;  
        border: 1px solid yellow;  

        .vip-card-wrapper {}  

        .vip-card {  
            position: relative;  
            border: 1px solid red;  
            flex: 1;  
        }  
    }  
</style>

2024-10-15 10:30 负责人:无分享

1 个回复

靐齉齾麤龖龗 - 解决不了问题，那就解决提出问题的人

能不用nvue就不用，兼容问题很多。再者就是不维护了

要回复问题请先登录或注册

【报Bug】vue3 nvue 开发swiper 组件 class选择器生效，设置的样式不生效！！！！！

预期结果：

class 选择器设置样式生效

实际结果：

class 选择器设置样式不生效

bug描述：

1 个回复

公告

相关问题

【报Bug】vue3 nvue 开发swiper 组件 class选择器生效，设置的样式不生效！！！！！

预期结果： class 选择器设置样式生效

实际结果： class 选择器设置样式不生效

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

预期结果：

class 选择器设置样式生效

实际结果：

class 选择器设置样式不生效