55 lines
1.1 KiB
Vue
55 lines
1.1 KiB
Vue
<template>
|
|
<router-view/>
|
|
<div class="loading" v-show="loading"><a-spin :delay="0.5" /></div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { computed } from 'vue';
|
|
import { useStore } from 'vuex';
|
|
const store = useStore();
|
|
const loading = computed(() => store.state.loading || store.state.view_loading);
|
|
|
|
</script>
|
|
|
|
<style lang="less">
|
|
#app {
|
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
height: 100%;
|
|
}
|
|
.loading{
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(0,0,0,0.4);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
z-index: 999999999999;
|
|
color: #fff;
|
|
}
|
|
.ipad{
|
|
*{
|
|
-webkit-touch-callout:none;
|
|
-khtml-user-select:none;
|
|
-webkit-user-select:none;
|
|
-moz-user-select:none;
|
|
-ms-user-select: none;
|
|
user-select:none;
|
|
|
|
touch-action: pan-x pan-y; /* 允许单指平移（滚动）但禁用捏合缩放 */
|
|
input,textarea{
|
|
-webkit-touch-callout:default;
|
|
-khtml-user-select:auto;
|
|
-webkit-user-select:auto;
|
|
-moz-user-select:auto;
|
|
-ms-user-select: auto;
|
|
user-select:auto;
|
|
}
|
|
}
|
|
}
|
|
</style>
|