AJXMJC
AJXMJC
  • 发布:2022-05-19 11:53
  • 更新:2022-06-13 11:32
  • 阅读:692

【报Bug】升级到 HbuilderX 3.4.10 后样式错乱

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: Alpha

HBuilderX版本号: 3.4.10

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: 小米11 Ultra

页面类型: vue

vue版本: vue2

nvue编译模式: fast

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

样式 a

view {  
    display: flex;  
    flex-direction: column;  
}

样式 b

.test {  
    display: flex;  
}

App.vue 引用样式 b

@import '@/common/b.scss';

组件 test 引用样式 a

<template>  
    <view>  
        <view>  
            <view>component 1</view>  
            <view>component 2</view>  
            <view>component 3</view>  
        </view>  
        <slot></slot>  
    </view>  
</template>  

<style lang="scss" scoped>  
    @import '@/common/a.scss';  
</style>

index.vue 页面

<template>  
    <view>  
        <test>  
            <view class="test">  
                <view>index 1</view>  
                <view style="margin:0 10px;">index 2</view>  
                <view>index 3</view>  
            </view>  
        </test>  
    </view>  
</template>

预期结果:

class="test" 显示的是横向排列
希望和 HbuilderX 3.4.9 版本样式显示一样

实际结果:

HbuilderX 3.4.9 class="test" 显示的是横向排列
HbuilderX 3.4.10 class="test" 显示的是纵向排列

bug描述:

从 HbuilderX 3.4.9 升级到 HbuilderX 3.4.10 后样式错乱了,
测试发现可能是 组件的scoped有问题,样式不生效

2022-05-19 11:53 负责人:无 分享
已邀请:
DCloud_UNI_GSQ
DCloud_UNI_GSQ

DCloud_UNI_GSQ

bug 确认,已加分,即将修复

AJXMJC

AJXMJC (作者)

没人遇到这个问题么?
两个版本呈现效果不一致这不是bug么?

AJXMJC

AJXMJC (作者)

3.4.11 一样有问题,这个还能不能解决了?

AJXMJC

AJXMJC (作者)

3.4.12 了 ,BUG 依旧存在

AJXMJC

AJXMJC (作者)

3.4.13.20220601-alpha,BUG 依旧存在
bug横跨4个版本了,没人处理真实服了

AJXMJC

AJXMJC (作者)

测试 发现是 小程序组件设置scoped 后,只有里面节点会添加 data-v-xxx,而 slot 节点不会加data-v-xxx
但是app 一锅端的全部都加data-v-xxx,slot 也加data-v-xxx

<view class="css">  
    <view slot="title"></view>  
</view>

小程序生成的是:

<view class="css" data-v-1c4434ae>  
    <view></view>  
</view>

app 生成的是:

<view class="css" data-v-1c4434ae>  
    <view data-v-1c4434ae></view>  
</view>

BUG 原因我都找出得清清楚楚了为什么就没人理会呢?

公大哥

公大哥 - qq:2286995636

升级到3.4.14 页面弹窗样式全变了

typhcl

typhcl

我也是啊 他妈的坑啊

1***@163.com

1***@163.com

解决了吗

DCloud_UNI_GSQ

DCloud_UNI_GSQ

HBuilderX 3.4.15 已修复

  • x***@163.com

    HBuilderX 3.4.14打包样式也出现错乱了

    2022-06-11 09:58

  • DCloud_UNI_GSQ

    回复 x***@163.com: HBuilderX 3.4.15 已修复

    2022-06-13 12:16

要回复问题请先登录注册