1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 美化滚动条的一个插件 vue3-perfect-scrollbar

美化滚动条的一个插件 vue3-perfect-scrollbar

时间:2023-01-04 04:15:00

相关推荐

美化滚动条的一个插件 vue3-perfect-scrollbar

使用步骤:

1.安装

#npmnpm install vue3-perfect-scrollbar#yarnyarn add vue3-perfect-scrollbar

2.使用

#在main.tsimport {createApp } from 'vue'import App from './App.vue'//引入import PerfectScrollbar from 'vue3-perfect-scrollbar'import 'vue3-perfect-scrollbar/dist/vue3-perfect-scrollbar.css'const app = createApp(App)app.use(PerfectScrollbar)app.mount('#app')

在你需要使用的容器外面包裹一层:

<perfect-scrollbar > < p > Lorem Ipsum 简直就是印刷排版行业的虚拟文本。</ p > </perfect-scrollbar>

这时,这个插件会生成一个".ps"类名的容器,你需要自定义容器高度

/*示例*/.ps{height:400px}

效果图如下:(鼠标移入出现滚动条,移出隐藏滚动条)

具体其他详情,请查看github地址: vue3-perfect-scrollbar

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。