|
@@ -1,5 +1,7 @@
|
|
|
<template>
|
|
|
- <div id="app">
|
|
|
+ <div>
|
|
|
+ <p class="pc-enter" v-if="!isMobile">请在手机端访问</p>
|
|
|
+ <div v-else id="app">
|
|
|
<router-view/>
|
|
|
<portal-target name="notification-outlet"></portal-target>
|
|
|
<portal-target name="notification-detail"></portal-target>
|
|
@@ -7,11 +9,20 @@
|
|
|
<portal-target name="notification-usual"></portal-target>
|
|
|
<portal-target name="notification-head"></portal-target>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<script>
|
|
|
export default {
|
|
|
name:'App',
|
|
|
+ data:()=>{
|
|
|
+ return{
|
|
|
+ isMobile:/(iPhone|iPad|iPod|iOS|Android|SymbianOS|Windows Phone)/i.test(navigator.appVersion),
|
|
|
+ }
|
|
|
+ },
|
|
|
mounted(){
|
|
|
+ if(!this.isMobile){
|
|
|
+ return;
|
|
|
+ }
|
|
|
(/iphone|ipod|ipad/i.test(navigator.appVersion)) && document.addEventListener('blur', (e) => {
|
|
|
// 这里加了个类型判断,因为a等元素也会触发blur事件
|
|
|
if(['input', 'textarea'].includes(e.target.localName)) {
|
|
@@ -28,6 +39,11 @@
|
|
|
</script>
|
|
|
<style lang="less">
|
|
|
@import "./less/index.less";
|
|
|
+ .pc-enter{
|
|
|
+ margin: 20px 0 0;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
</style>
|
|
|
|
|
|
|