- 发布：2025-05-15 11:25
- 更新：2025-05-15 11:25
- 阅读：15
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： Apple M2；MacOS 14.5 (23F79)
手机系统： 全部
手机厂商： 华为
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： CLI
CLI版本号： 4.36
测试过的手机：
示例代码：
display: flex;
flex-direction: column;
gap: 14rpx;
display: flex;
flex-direction: column;
gap: 14rpx;
操作步骤：
1、【Honor 10，Harmony OS 3.0.0.165】这个设备上
2、app里：css中的gap样式不生效 ，这个有问题
3、浏览器网页：css中的gap样式生效，这个正常
1、【Honor 10，Harmony OS 3.0.0.165】这个设备上
2、app里：css中的gap样式不生效 ，这个有问题
3、浏览器网页：css中的gap样式生效，这个正常
预期结果：
1、【Honor 10，Harmony OS 3.0.0.165】这个设备上的app上：css中的gap样式兼容
1、【Honor 10，Harmony OS 3.0.0.165】这个设备上的app上：css中的gap样式兼容
实际结果：
1、【Honor 10，Harmony OS 3.0.0.165】这个设备上的app上：css中的gap样式不生效
1、【Honor 10，Harmony OS 3.0.0.165】这个设备上的app上：css中的gap样式不生效
bug描述：
1、同一个样式 ,在鸿蒙【Honor 10，Harmony OS 3.0.0.165】这个设备上，app没有生效gap，也就是item上下没有间距；
但是在 这个设备上，浏览器里gap是生效的，也就是item上下有间距
display: flex;
flex-direction: column;
gap: 14rpx;
