chat-app/src/App.vue

36 lines
876 B
Vue
Raw Normal View History

2024-11-11 06:46:14 +00:00
<script setup>
import {useStatus} from "@/store/status";
2024-11-20 01:17:47 +00:00
import ws from '@/connect'
2024-11-11 06:46:14 +00:00
const {statusBarHeight}= useStatus()
const root = document.documentElement
root.style.setProperty('--statusBarHeight',`${statusBarHeight.value}px`)
2024-11-20 01:17:47 +00:00
const init = () => {
ws.connect()
}
init()
2024-11-11 06:46:14 +00:00
</script>
<style lang="scss">
@import "@/static/css/color.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>