vue3-seamless-scroll 的滚动速度可以通过 step 属性来设置。 step 属性决定了滚动组件的步进速度,数值越大,滚动速度越快。step 属性的默认值是 0.5。 以下是一个示例代码,展示了如何在 vue3-seamless-scroll 组件中设置滚动速度: vue <template> <div class="scroll-container"> <vue3-seaml...
v-model="isPause"class="scroll":list="tableData":limitScrollNum="scrollOptions.limitScrollNum":step="scrollOptions.step":hover="scrollOptions.hover":copyNum="scrollOptions.copyNum":wheel="scrollOptions.wheel":direction="scrollOptions.direction"><el-table class="scroll-content":data="tableData">...
(1)/src/views/Example/SeamlessScroll/index.vue <template><vue3-seamless-scrollclass="v-s-s":list="list":step="1":hover="true">{ { item.title }}{ { item.date }}</vue3-seamless-scroll></template>import{ ref, reactive, toRefs, onMounted }from'vue'import{Vue3SeamlessScroll}from'vue...
step 步进速度 type: Number, default: 0.5, required: false singleWaitTime 单步停止等待时间(默认值 1000ms) type: Number, default: 1000, required: false delay 动画延时时间 type: Number, default: 0, required: false ease 动画效果,可以传入贝塞尔曲线数值 type: String, default: "cubic-bezier(0.03,...
单个.vue文件局部注册 import { defineComponent }from"vue"; import { Vue3SeamlessScroll }from"vue3-seamless-scroll"; exportdefaultdefineComponent({ components: { Vue3SeamlessScroll } }) 具体组件使用例子 <template> <vue3-seamless-scroll :list="list"class="scroll":step="0.5"> {{ item.title }...
step 步进速度 type: [Number, String], required: false 使用实例 <template> <itemTitle title="服务内容统计"></itemTitle> <Vue3SeamlessScroll :wheel="true" :hover="true" :list="list" class="scroll"> 服务内容1 200 </Vue3SeamlessScroll> </...
step 步进速度 type: Number,required: false singleHeight 单步运动停止的高度 type: Number,default: 0,required: false singleWidth 单步运动停止的宽度 type: Number,default: 0,required: false singleWaitTime 单步停止等待时间(默认值 1000ms) type: Number,default: 1000,required: false ...
<template><vue3-seamless-scrollclass="v-s-s":list="list":step="1":hover="true">{{ item.title }}{{ item.date }}</vue3-seamless-scroll></template>import{ref,reactive,toRefs,onMounted}from'vue'import{Vue3SeamlessScroll}from'vue3-seamless-scroll'exportdefault{components:{Vue3SeamlessScroll...
<template> <vue3-seamless-scroll :list="list" class="scroll" :step="0.5"> {{ item.title }} {{ item.date }} </vue3-seamless-scroll> </template> import { ref, reactive, toRefs, onMounted } from "vue"; import { Vue3SeamlessScroll } from "vue3-seamless-scroll"; export default...
step 步进速度 type: Number, default: 0.5, required: false singleWaitTime 单步停止等待时间(默认值 1000ms) type: Number, default: 1000, required: false delay 动画延时时间 type: Number, default: 0, required: false ease 动画效果,可以传入贝塞尔曲线数值 type: String, default: "cubic-bezier...