maozai

发布：2022-01-04 15:43
更新：2022-01-04 18:05
阅读：354

【报Bug】nvue下的flex布局和小程序有差异

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 3.3.5

手机系统： Android

手机系统版本号： Android 11

手机厂商：小米

手机机型：所有手机

页面类型： nvue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

        <view class="vertical-line"></view>  
        <view class="vertical-line"></view>  
</block>```

.vertical-line {
width: 1rpx;
height: 24rpx;
background-color: rgb(236, 236, 236);
margin-top: 48rpx;
}```

操作步骤：

看附件图标描述

预期结果：

看附件图标描述

实际结果：

看附件图标描述

bug描述：

附件里描述了
.between {
/ #ifndef APP-PLUS-NVUE /
display: flex;
/ #endif /
flex-direction: row;
justify-content: space-between;
}

2022-01-04 15:43 负责人:无分享

1 个回复

小枫叶 - 外包接单加v:wlmk1234567 注明来意

如果差异过大,用条件编译可以么

maozai (作者)

nvue官方只推荐flex布局呢，有bug还是要反馈的

2022-01-04 23:36

该问题目前已经被锁定, 无法添加新回复

【报Bug】nvue下的flex布局和小程序有差异

示例代码：

<view class="vertical-line"></view> <view class="vertical-line"></view> </block>```

.vertical-line {
width: 1rpx;
height: 24rpx;
background-color: rgb(236, 236, 236);
margin-top: 48rpx;
}```

操作步骤：

看附件图标描述

预期结果：

看附件图标描述

实际结果：

看附件图标描述

bug描述：

1 个回复

公告

相关问题

【报Bug】nvue下的flex布局和小程序有差异

示例代码： <view class="vertical-line"></view> <view class="vertical-line"></view> </block>``` .vertical-line { width: 1rpx; height: 24rpx; background-color: rgb(236, 236, 236); margin-top: 48rpx; }```

操作步骤： 看附件图标描述

预期结果： 看附件图标描述

实际结果： 看附件图标描述

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

<view class="vertical-line"></view> <view class="vertical-line"></view> </block>```

.vertical-line {
width: 1rpx;
height: 24rpx;
background-color: rgb(236, 236, 236);
margin-top: 48rpx;
}```

操作步骤：

看附件图标描述

预期结果：

看附件图标描述

实际结果：

看附件图标描述