7***@qq.com
7***@qq.com
  • 发布:2023-05-16 16:06
  • 更新:2024-01-10 17:43
  • 阅读:317

【报Bug】构建h5 原生组件picker-view 和 uni.showModal 样式丢失

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Mac

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

浏览器平台: Chrome

浏览器版本: 113

项目创建方式: CLI

CLI版本号: 3.0.0-alpha-3071320230411001

示例代码:
<template>  
  <view>  
    <picker-view class="picker-view">  
      <picker-view-column>  
        <view class="item" v-for="item in 2020">{{ item }}年</view>  
      </picker-view-column>  

    </picker-view>  
  </view>  
</template>  

<script setup lang="ts">  
import { reactive } from 'vue'  
import { onLoad } from "@dcloudio/uni-app"  

onLoad(() => {  
  uni.showModal({  
    title: '提示',  
    content: '测试showmodal'  
  })  
})  
</script>  

<style>  
.picker-view {  
  width: 750rpx;  
  height: 600rpx;  
  margin-top: 20rpx;  
}  

.picker-view .item {  
  display: flex;  
  align-items: center;  
}  
</style>

操作步骤:

npm run build:h5
运行构建产物即可

预期结果:

和开发环境保持一致

实际结果:

和开发环境不一致

bug描述:

原生picker-view组件 picker-view-column 组件 构建后样式丢失 开发环境正常
api uni.showmodal 构建以后样式丢失 开发环境正常

2023-05-16 16:06 负责人:无 分享
已邀请:
Diligent_UI

Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群:120594820,代表作灵感实用工具小程序

从来没有见过这种情况

Diligent_UI

Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群:120594820,代表作灵感实用工具小程序

本地运行正常吗,使用编辑器顶部打包h5试试

  • 7***@qq.com (作者)

    我是cli版本,没用hubuildx

    2023-05-16 16:13

  • 7***@qq.com (作者)

    运行正常 build不正常

    2023-05-16 16:14

9***@qq.com

9***@qq.com

我也是解决了吗

要回复问题请先登录注册