添加浏览器全屏支持检测,对不支持全屏的浏览器进行提示
This commit is contained in:
parent
7237cc4e96
commit
2ca1699364
|
@ -471,4 +471,7 @@ export default {
|
|||
CN_BERWEEN_SUFFIX: "之间",
|
||||
"full screen": "全屏",
|
||||
"exit full screen": "退出全屏",
|
||||
"on the iPad, only Safari supports full screen":
|
||||
"在iPad上, 只有Safari浏览器支持全屏",
|
||||
"the current browser does not support full screen": "当前浏览器不支持全屏",
|
||||
};
|
||||
|
|
|
@ -24,6 +24,7 @@
|
|||
/>
|
||||
<q-btn
|
||||
class="col-auto"
|
||||
v-if="true || $q.fullscreen.isCapable"
|
||||
:class="$store.state.landspace ? 'q-mx-sm' : ''"
|
||||
stretch
|
||||
stack
|
||||
|
@ -151,10 +152,32 @@ export default defineComponent({
|
|||
plan_running,
|
||||
|
||||
toogleFullScreen() {
|
||||
if (!$q.fullscreen.isCapable) {
|
||||
if ($q.platform.is.ipad) {
|
||||
$q.notify({
|
||||
type: "warning",
|
||||
message:
|
||||
$t.t("on the iPad, only Safari supports full screen") + "!",
|
||||
position: "top",
|
||||
timeout: 1500,
|
||||
});
|
||||
} else {
|
||||
$q.notify({
|
||||
type: "warning",
|
||||
message:
|
||||
$t.t("the current browser does not support full screen") + "!",
|
||||
position: "top",
|
||||
timeout: 1500,
|
||||
});
|
||||
}
|
||||
return;
|
||||
}
|
||||
if ($q.fullscreen.isActive) {
|
||||
$q.fullscreen.exit();
|
||||
} else {
|
||||
AppFullscreen.request();
|
||||
AppFullscreen.request().catch((e: any) => {
|
||||
console.log(e);
|
||||
});
|
||||
}
|
||||
},
|
||||
};
|
||||
|
|
Loading…
Reference in New Issue