收藏
回答

camera组件全屏,无导航条时,概率性展示出错

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug camera 客户端 7.0.0 2.6.1

- 当前 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;

}


最后一次编辑于  02-25  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

1 个回答