uniapp遇到的一个苹果拍照线条被挡，安卓不会的情况

最新推荐文章于 2024-04-27 21:35:02 发布

两个月菜鸟

最新推荐文章于 2024-04-27 21:35:02 发布

阅读量94

点赞数

文章标签： vue css

本文链接：https://blog.csdn.net/qq_45314219/article/details/126013636

版权

在这里插入图片描述
cream层级比较高所以给cover-image加了z-index

<view class="creamBox">
        <view class="noless"></view>
        <view v-if="faceSrc != ''" class="viewImage">
          <image :src="faceSrc" mode="aspectFill"></image>
        </view>

        <view v-else class="paizhao">
          <camera
            :binderror="handleCameraError"
            :device-position="devicePosition"
            flash="off"
            class="xiangji"
          >
            <cover-image
              src="/pagesLogin/static/cream-line.png"
              style="width: 100%; height: 90%; margin-top: 20px; z-index: 998"
            ></cover-image>
          </camera>
        </view>
      </view>

 //自定义拍照
  takePhoto(e: any) {
    this.faceSrc = "";

    const ctx = uni.createCameraContext();

    ctx.takePhoto({
      quality: "high",
      success: (res) => {
        this.faceSrc = res.tempImagePath;
        this.uploadFace(this.faceSrc);
      },
    });
  }