Hongmeng fourth training

This development is mainly about the realization of the photographing function

Mainly used ：

camera Components

There are... In the official documents ：

The following is an example ：

<!-- xxx.hml-->
<div class="container">
  <camera flash="on" deviceposition="back" @error="cameraError">
  </camera>
</div>

/* xxx.css */
.container {
  display: flex;
  justify-content: center;
  align-items: center;
}
camera{
  width: 300px;
  height: 300px;
}

//xxx.js
import prompt from '@system.prompt';
export default {
  data: {
    title: 'World'
  },
  cameraError(){
    prompt.showToast({
      message: " privilege grant failed ！"
    });
  }
}

In addition, there is the problem of real machine debugging

There are some previews that cannot be displayed , Remote real machine debugging ,

The step is to register + Sign in +

  It is divided into local download and remote download

Then you can adjust the appropriate model .