chen cc128219a8 | ||
---|---|---|
.. | ||
readme.md | ||
scroll-text-slide.vue |
readme.md
第一步:引入组件
import scrollTextSlide from '@/components/scroll-views/scroll-text-slide.vue';
第二步:注册组件
export default {
components:{
scrollTextSlide
}
}
第三步:使用组件
<template>
<view>
<scroll-text-slide></scroll-text-slide>
</view>
</template>
参数说明
list:数据列表,默认['全部', '测试', '测试宽度', '测试宽度三号', '测试宽度四号小星星', '测试宽度五号']
activeIndex:选中索引,默认0
config:未选中、选中、下划线的样式,默认为以下对象:
{
color: '#999999',//默认时字体颜色
activeColor: '#000000',//选中时字体颜色
underLineColor: '#000000',//下滑线颜色
}