chat-app/src/App.vue

44 lines
1.1 KiB
Vue

<script setup>
import {useStatus} from "@/store/status";
import { useUserStore } from '@/store'
import {
useProvideUserModal,
} from '@/hooks'
import ws from '@/connect'
const {statusBarHeight}= useStatus()
const { uid, isShow } = useProvideUserModal()
const userStore = useUserStore()
const root = document.documentElement
root.style.setProperty('--statusBarHeight',`${statusBarHeight.value}px`)
const init = () => {
userStore.loadSetting()
ws.connect()
}
init()
</script>
<style lang="scss">
@import "@/static/css/color.scss";
@import "@/static/css/font.scss";
/* #ifdef APP-NVUE */
@import '@/uni_modules/tmui/scss/nvue.css';
/* #endif */
/* #ifndef APP-NVUE */
@import '@/uni_modules/tmui/scss/noNvue.css';
/* #endif */
*{
box-sizing: border-box;
}
/*解决阅览图片关闭按钮会显示在状态栏区域的问题*/
#u-a-p>div>div{
margin-top:var(--statusBarHeight)
}
/*不显示滚动条的类*/
.no-scroll {
-ms-overflow-style: none; /* IE 和 Edge */
scrollbar-width: none; /* Firefox */
}
.no-scroll::-webkit-scrollbar {
display: none; /* Webkit 浏览器 */
}
</style>