产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10
HBuilderX类型： 正式
HBuilderX版本号： 3.4.1
手机系统： Android
手机系统版本号： Android 10
手机厂商： OPPO
手机机型： OPPO A32
页面类型： nvue
vue版本： vue2
打包方式： 离线
项目创建方式： HBuilderX
<template>
<image class="content-bg" :style="{height:h +'px'}" src="~@/static/ZJ/bg.png" ></image>
</template>
<script>
const app = getApp().globalData;
export default {
data(){
return{
h:'700'
}
},
created(){
},
mounted(){
},
} </script>
<style lang="scss" scoped>
.content-bg{
width: 750rpx;
@include ab();
left: 0;
top: 0;
}
</style>
直接见一个组件，然后把上面代码复制进去，然后正常引入使用即可
会正常显示图片，而不是消失
调试模式可以正常显示，但是打包后不行，无论是云还是离线
<image class="content-bg" :style="{height:h +'px'}" src="~@/static/ZJ/bg.png" ></image>
这样绑定style的方式，在调试模式很正常，但是在打包出来后直接不显示，
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001
2 个回复
1***@qq.com (作者) - hahaha
这是我的代码
<template>
<image class="content-bg" :style="{height:h +'px'}" src="~@/static/ZJ/bg.png" ></image>
</template>
<script>
const app = getApp().globalData;
export default {
data(){
return{
h:'700'
}
},
created(){
},
mounted(){
</script>
<style lang="scss" scoped>
.content-bg{
width: 750rpx;
@include ab();
left: 0;
top: 0;
}
</style>
DCloud_UNI_Anne
你遇到的问题大都是在特定环境下才能重现，请提供简单可复现的完整示例（上传附件），方便我们快速排查问题哦。
【bug优先处理规则】https://ask.dcloud.net.cn/article/38139