33 lines
892 B
Vue
33 lines
892 B
Vue
<script setup lang="ts"></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: #138473; /* 滚动条滑块颜色 */
|
||
border-radius: 6px; /* 滑块的圆角 */
|
||
border: 1px solid rgba(0, 0, 0, 0.1); /* 滑块与轨道的边框 */
|
||
}
|
||
|
||
::-webkit-scrollbar-thumb:hover {
|
||
background-color: #0f6e53; /* 鼠标悬浮时的滑块颜色，稍微加深 */
|
||
}
|
||
|
||
::-webkit-scrollbar-corner {
|
||
background-color: transparent; /* 滚动条和内容区的角落部分，通常用于表格等 */
|
||
}
|
||
</style>
|