uniapp的barcode设置为全屏扫码

要将uniapp的barcode设置为全屏扫码，可以使用以下步骤：

1. 在页面中引入barcode组件：

<template>
  <view>
    <barcode :scan-type="scanType" @success="onSuccess"></barcode>
  </view>
</template>

<script>
  import barcode from "@/components/barcode/barcode.vue";
  export default {
    components: {
      barcode,
    },
    data() {
      return {
        scanType: ["qrCode", "barCode"],
      };
    },
    methods: {
      onSuccess(result) {
        console.log("扫码成功", result);
      },
    },
  };
</script>

2. 将整个页面设置为全屏扫码的模式：

onLoad() {
  uni.setNavigationBarColor({
    frontColor: "#ffffff",
    backgroundColor: "#000000",
  });
  uni.setNavigationBarTitle({
    title: "扫一扫",
  });
  uni.showNavigationBarLoading();
  uni.setFullscreen({
    fullscreen: true,
  });
},
onUnload() {
  uni.setFullscreen({
    fullscreen: false,
  });
},

3. 在manifest.json文件中设置屏幕方向为竖屏：

{
  "name": "myApp",
  "version": "1.0.0",
  "description": "myApp",
  "appid": "xxxxxxxx",
  "orientation": "portrait",
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    }
  ]
}

通过以上步骤，就可以将uniapp的barcode设置为全屏扫码了。