camera组件全屏,无导航条时,概率性展示出错
发布于 5 年前 作者 aguo 12518 次浏览 来自 问答
  • 当前 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;

}

回到顶部