39 lines
606 B
Vue
39 lines
606 B
Vue
<template>
|
|
<section class="fdScrollbar">
|
|
<slot/>
|
|
</section>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: "fdScrollbar",
|
|
data() {
|
|
return {}
|
|
},
|
|
methods: {},
|
|
}
|
|
</script>
|
|
<style scoped lang="scss">
|
|
.fdScrollbar {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
scrollbar-width: none;
|
|
margin-right: -5px;
|
|
position: relative;
|
|
|
|
&::-webkit-scrollbar {
|
|
background: transparent;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 6px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
&:hover::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #0C3A55;
|
|
}
|
|
}
|
|
</style>
|