Если после упаковки vue есть пробел, обратитесь к этому блогу: https://blog.csdn.net/weixin_48193717/article/details/108401616
Во-первых, упакуйте написанный проект vue для создания dist
2. Откройте HBuilderX, чтобы создать новый проект, и выберите 5 + APP (A).
Скопируйте папку dist в приложение 5 +, созданное HBuilderX
Настроить
начальную страницу конфигурации изображения. Конфигурация модуля конфигурации
SDK. Конфигурация
разрешений в автоматическом
режиме.
Иммерсивный режим заключается в том, что изображение интерфейса приложения расширяется до строки состояния, а само приложение погружается в строку состояния, поэтому, если стороннее программное обеспечение не выделяет изображения для строки состояния, оно, естественно, будет черным. Строка состояния вверху и виртуальные кнопки внизу скрыты и при необходимости нарисованы по краям.
Иммерсивный режим. Когда этот режим включен, интерфейс приложения будет занимать весь экран, и система автоматически скроет строку состояния и панель навигации системы, так что содержимое приложения может быть представлено в самом большом диапазоне отображения, увеличивая удобство работы на большом экране, и только тогда, когда вам нужно просматривать уведомления. Вам нужно провести сверху вниз, чтобы вызвать панель уведомлений.
Код:
"statusbar": {
//应用可视区域到系统状态栏下透明显示效果
"immersed": true
},
В-третьих, начните создавать приложение
После завершения упаковки просмотрите содержимое в консоли, указывающее, что упаковка прошла успешно.
В-четвертых, после создания ошибки приложения
После создания приложения войдите в приложение, чтобы испытать решение этого приложения, которое щелкает назад, чтобы выйти напрямую
код показан ниже:
<script type="text/javascript">
document.addEventListener('plusready', function(a) {
//等待plus ready后再调用5+ API:
在这里调用5+ API
var first = null;
plus.key.addEventListener('backbutton', function() {
//监听返回键
//首次按键,提示‘再按一次退出应用’
if (!first) {
first = new Date().getTime(); //获取第一次点击的时间戳
// console.log('再按一次退出应用');//用自定义toast提示最好
// toast('双击返回键退出应用'); //调用自己写的吐丝提示 函数
plus.nativeUI.toast("双击退出", {
duration:'short'}); //通过H5+ API 调用Android 上的toast 提示框
setTimeout(function() {
first = null;
}, 1000);
} else {
if (new Date().getTime() - first < 1000) {
//获取第二次点击的时间戳, 两次之差 小于 1000ms 说明1s点击了两次,
plus.runtime.quit(); //退出应用
}
}
}, false);
});
</script>
Выше описано использование HBuilderX для упаковки проекта Vue в приложение и его использования на мобильном телефоне. Вы, ребята, взволнованы? Давай! ! ! Делайте небольшие успехи каждый день и усердно работайте каждый день, вы самый выдающийся и станете человеком, которого ненавидели раньше - богатым