Zlpt_Portal/src/App.vue

<script setup lang="ts">
import { loginNewApi } from 'http/api/home/index'
import { getUserInfoAPI } from 'http/api/login/index'
import { mainStore } from 'store/main'
import { useStore } from 'store/user'
import { useRoute, useRouter } from 'vue-router'
const userStore = mainStore()
const store = useStore()
const router = useRouter()
</script>

<template>
    <RouterView />
</template>

<style lang="scss">
/* 适用于 Webkit 浏览器（Chrome, Edge, Safari, etc.） */
::-webkit-scrollbar {
    width: 6px; /* 滚动条宽度 */
    height: 8px; /* 水平滚动条高度 */
}

::-webkit-scrollbar-track {
    // background: rgba(0, 0, 0, 0.1); /* 滚动条轨道背景颜色 */
    border-radius: 6px; /* 轨道的圆角 */
}

::-webkit-scrollbar-thumb {
    background-color: #00377a; /* 滚动条滑块颜色 */
    border-radius: 6px; /* 滑块的圆角 */
    border: 1px solid rgba(0, 0, 0, 0.1); /* 滑块与轨道的边框 */
}

::-webkit-scrollbar-thumb:hover {
    //background-color: #00377a; /* 鼠标悬浮时的滑块颜色，稍微加深 */
}

::-webkit-scrollbar-corner {
    background-color: transparent; /* 滚动条和内容区的角落部分，通常用于表格等 */
}

body {
    font-size: 16px;
}
</style>