9***@qq.com
9***@qq.com
  • 发布:2024-04-24 09:56
  • 更新:2024-04-24 15:12
  • 阅读:164

uniapp里对css进行条件编译嵌套后,发布到web端报错

分类:uni-app
/* #ifndef APP */  
    /* #ifdef VUE3 */  
    #center-view ::v-deep .slot-header .group-icon  
    /* #endif */  

    /* #ifdef VUE2 */  
    #center-view ::v-deep .group-icon  
    /* #endif */  
    {  
        position: relative;  
        top: -5px;  
        left: -10px;  
        margin-right: -20px;  
        background-color: #ea4938;  
        color: #fff;  
        font-size: 12px;  
        width: 16px;  
        height: 16px;  
        line-height: 16px;  
        text-align: center;  
    }  
/* #endif */

最近在研究uni-im组件,发现预览的时候没问题,但是打包到web端后,打包的时候会提示这里的css报错:
[HBuilder] 09:54:17.498 style节点 条件编译失败,参考示例(注意 ifdef 与 endif 必须配对使用):
[HBuilder] 09:54:17.498 / #ifdef %PLATFORM% /
[HBuilder] 09:54:17.499 css代码
[HBuilder] 09:54:17.499 / #endif /

2024-04-24 09:56 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

用的哪个版本的HBuilderx呢?更新到最新版本试试

HRK_01

HRK_01

已复现该问题,推测是还不支持这种拆分写法,建议以这种写法书写

/* #ifndef APP */  

    /* #ifdef VUE3 */  

    #center-view ::v-deep .slot-header .group-icon{  
        position: relative;  
        top: -5px;  
        left: -10px;  
        margin-right: -20px;  
        background-color: #ea4938;  
        color: #fff;  
        font-size: 12px;  
        width: 16px;  
        height: 16px;  
        line-height: 16px;  
        text-align: center;  
    }  

    /* #endif */  

    /* #ifdef VUE2 */  

    #center-view ::v-deep .group-icon{  
        position: relative;  
        top: -5px;  
        left: -10px;  
        margin-right: -20px;  
        background-color: #ea4938;  
        color: #fff;  
        font-size: 12px;  
        width: 16px;  
        height: 16px;  
        line-height: 16px;  
        text-align: center;  
    }  

    /* #endif */  

    /* #endif */

要回复问题请先登录注册