hover:是否开启鼠标悬停。类型为Boolean,默认值为组件内部定义。 step:滚动速度。类型为Number,默认值为组件内部定义。 limitMoveNum:开始无缝滚动的最小数据量。类型为Number,默认值为组件内部定义。 wheel:在开启鼠标悬停的情况下是否开启滚轮滚动。类型为Boolean,默认不开启。 singleLine:启用单行横向滚动。类型为Boolea...
表格列滚动效果实现 这里用的是el-table表格组件。 若直接将el-table表格插入到vue-seamless-scroll组件中,会导致el-table表格中的表头也会进行滚动,这不是想要的效果。 这里用两个el-table,一个保留表头部分,一个保留内容部分。保留内容部分的放入vue-seamless-scroll组件中进行无缝滚动。 <!--第一个表格 保留头...
你可以使用v-model来控制动画滚动与停止,这是默认的开始滚动行为。另外,你还可以设置一些其他参数来对滚动效果进行更精细的控制,例如: 1. direction:控制滚动方向,可选值有上(up)、下(down)、左(left)、右(right),默认为"up"。 2. isWatch:用于开启或关闭组件监听滚动位置变化。 3. hover:鼠标悬停时是否...
是否开启鼠标悬停 type: Boolean,default: false,required: false count 动画循环次数,默认无限循环 type: Number,default: "infinite",required: false limitScrollNum 开启滚动的数据量,只有列表长度大于等于该值才会滚动 type: Number,default: 5,required: false ...
在开启鼠标悬停的情况下是否开启滚轮滚动,默认不开启 type: boolean,default: false,required: false singleLine 启用单行横向滚动 type: boolean,default: false,required: false 注意项 需要滚动的列表所在容器必须设置样式overflow: hidden; 使用 注册组件
{ step: 1, //速度 hoverStop: true, //鼠标停止 direction: 1, //0 下 1 上 2 左 3 右 }, }, }, setup(props) { const data = reactive({}); const methods = { checkChange(val: number) {}, }; onMounted(() => { setTimeout(() => { console.log(props.id); const config =...
在开启鼠标悬停的情况下是否开启滚轮滚动,默认不开启 type: boolean,default: false,required: false singleLine 启用单行横向滚动 type: boolean,default: false,required: false 注意项 需要滚动的列表所在容器必须设置样式overflow: hidden; 使用 注册组件
177> 拷贝列表次数,默认拷贝一次,当父级高度大于列表渲染高度的两倍时可以通过该参数控制拷贝列表次数达到无缝滚动效果 178 179```json 180type: Number, 181default: 1, 182required: false 183``` 184 185- `wheel` 186 187> 在开启鼠标悬停的情况下是否开启滚轮滚动,默认不开启 ...
main 分支(1) 标签(3) 管理 管理 main 1.0.16 1.0.15 1.0.1 克隆/下载 HTTPSSSHSVNSVN+SSH 该操作需登录 Gitee 帐号,请先登录后再操作。 提示 下载代码请复制以下命令到终端执行 为确保你提交的代码身份被 Gitee 正确识别,请执行以下命令完成配置 ...
// 开启滚动的数据量 limitScrollNum: { type: Number, default: 1, default: 3, }, // 是否开启鼠标悬停 hover: { @@ -132,33 +141,34 @@ globalThis.window.requestAnimationFrame = (function () { ); })(); function dataWarm(modelValue) { if (typeof modelValue !== "boolean" && mode...