vue3+ts 使用 vue-seamless-scroll

1.安装vue-seamless-scroll 插件
npm install vue-seamless-scroll --save
2.main.ts 全局引入
import scroll from"vue-seamless-scroll/src/index.js";
app.use(scroll)
3、shims-vue.d.ts 中加入
declare module ‘vue-seamless-scroll/src’
4、页面使用

。。。。。

seamless-warp class设置高度、、
.seamless-warp {
height: 290px;
overflow: hidden;
}
5、修改滚动参数
const optionHover = computed(() => {
return{
step: 0.5, // 数值越大速度滚动越快
limitMoveNum:data.newList.length, // 开始无缝滚动的数据量 this.dataList.length
hoverStop: true, // 是否开启鼠标悬停stoptrue
direction: 1, // 0向下 1向上 2向左 3向右
openWatch: true, // 开启数据实时监控刷新dom
singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
waitTime: 1000, // 单步运动停止的时间(默认值1000ms)
}
})

vue3+ts 使用 vue-seamless-scroll相关推荐

vue3+ts issue —— vue.ts 不是模块。
那是因为AppLayout.vue中创建了一个空的script标签,而且语法使用的是ts语法.vuecli会用ts语法解析和校验解决方案: 如果是无状态组件,删掉就好了如果是有状态组建,导出该组件 ...
vue自定义组件递归实现树状_一道价值25k的腾讯递归组件面试题（Vue3 + TS 实现）...
前言小伙伴们好久不见,最近刚入职新公司,需求排的很满,平常是实在没时间写文章了,更新频率会变得比较慢. 周末在家闲着无聊,突然小弟过来紧急求助,说是面试腾讯的时候,对方给了个 Vue 的递归菜单要求 ...
Vue3 + TS（一）- 邂逅Vue
一.认识Vue.js Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架. 1.1 Vue 的安装安装方式: CDN引入: 下载Vue的js文件,并手动引入: 通过 ...
Vue——vue3+ts
![组合式API](https://img-blog.csdnimg.cn/65bc865af9284374ad6ee6ad90e9e2de.png)## 1.vues新增了setup API: se ...
vite+vue3+ts+ant design vue+tailwindcss搭建前端web应用（2）
回顾上篇文章地址:vite+vue3+ts+ant design vue+tailwindcss搭建前端web应用(1)_konsei的博客-CSDN博客上篇文章搭建了vue3项目,引入了ant ...
2、Gantt 入门（vue3 + ts）
首先把 gantt 官网下载的相关文件放入 resource 文件中. 下载地址:https://dhtmlx.com/docs/products/dhtmlxGantt/download.shtml ...
vue3+ts+vite后台管理模板
vue3+ts+vite后台管理模板支持前后端控制权限,使用uniapp+vue3+ts+elementplus+vite开发,码云地址:https://gitee.com/yongqiang062 ...
vue3+ts+ant-vue:手把手教你实现穿梭框简易版，配源码
效果通过脚手架创建项目(@vue/cli 4.5.11) vue create 项目名配置需要注意选择Ts(空格选中) 选择vue3.x 然后一路回车到这了就完成vue3+ts配置需要用到a ...
vue3+ts实现视频根据时间轴截取，并可以通过传入截取起止时间进行当前剪辑的回显
公司提出想做一个视频编辑功能,每次只裁剪一段即可,UI同时也想实现时间轴为关键帧图片的效果,从网上也没找到合适的组件,简单思考后觉得并不难,决定自己封装一个吧.组件涉及到的只有vue3+ts+scss ...
window系统使用 bash 新建 vue3+ts 项目以及 preset 模板使用
前提已经装了 bash 命令行 vue 开发环境以及 vue3 背景 vue3 稳定版已经发布一段时间了,vue3+ts的开发模式能大大提升vue项目的维护性和稳定性. 故这里尝试下使用vue c ...

vue3+ts 使用 vue-seamless-scroll

vue3+ts 使用 vue-seamless-scroll相关推荐

最新文章

热门文章