- 当前 Bug 的表现(可附上截图)
- 预期表现
camera组件全屏
- 复现路径
- 提供一个最简复现 Demo
wxml模板
<cover-view class=“info-wrap”>
<cover-view class=“shadow”>
<cover-view class=“icon-wrap”>
<cover-image class=“icon-album”
src="…/…/assets/icons/icon-album.png"
bindtap=“chooseAlbum”
></cover-image>
<cover-image class=“icon-shot”
src="…/…/assets/icons/icon-shot.png"
bindtap=“shot”
></cover-image>
<cover-image class=“icon-change” src="…/…/assets/icons/icon-change.png"
bindtap=“changeDevPos”
></cover-image>
</cover-view>
</cover-view>
</cover-view>
style样式
.single-camera {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1;
}
.info-wrap {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 2;
}
.shadow {
width: 100%;
height: 400rpx;
position: absolute;
bottom: 0;
}
.icon-wrap {
width: 100%;
height: 156rpx;
bottom: 100rpx;
position: absolute;
display: flex;
justify-content: space-between;
padding: 0 114rpx;
align-items: center;
box-sizing: border-box;
}
.icon-album {
width: 70rpx;
height: 70rpx;
}
.icon-shot {
width: 156rpx;
height: 156rpx;
}
.icon-change {
width: 70rpx;
height: 70rpx;
}