30 lines
720 B
Markdown
30 lines
720 B
Markdown
|
第一步：引入组件
|
|||
|
|
|
|||
|
|
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',//下滑线颜色
|
|||
|
|
}
|