更新记录

1.0.0（2025-04-25） 下载此版本

垂直滚动

平台兼容性

xiaopao-scrolling

组件相关参数设置：

1、list 数据列表 必填
2、titleKey 展示文本的key，用于列表对象中展示的标题 默认为title
3、visibleHeight 可见滚动区域的高 默认为158px(316rpx)
4、exceedNum 数据列表
5、exceedNum 超过多少条数据时开始滚动 默认为 5
6、waiterNum 等待滚动时长,作用于需要信息滚动时 默认为5秒
7、scrollSpeed 滚动速度 默认为50毫秒 （如果需要像滚动条目那样一条条滚动的可以调大这个数值，再配合滚动长度来完成）
8、scrollLength 滚动长度 默认为1  （如果需要像滚动条目那样一条条滚动的可以调大这个长度，再配合滚动速度来完成）

下载插件并导入到项目后：

使用方法1 (组件自带模板)

<xiaopao-scrolling
    :list="listData">
</xiaopao-scrolling>
this.listData = [
    { title: '1、中共中央政治局召开会议' },
    { title: '2、分析研究当前经济形势和经济工作' },
    { title: '3、党中央加强对经济工作的全面领导' },
    { title: '4、坚持稳中求进工作总基调' },
    { title: '5、加强农业生产，稳定粮食等重要农产品价格稳定粮食等重要农产品价格稳定粮食等重要农产品价格' },
    { title: '6、加强农产品生产1' },
    { title: '7、加强农产品生产2' },
    { title: '8、加强农产品生产3' },
    { title: '9、加强农产品生产4' },
    { title: '10、稳定粮食价格' },
]

使用方法2 (自定义模板)

<xiaopao-scrolling
    ref="xiaopaoScrollingRef"
    :list="listData2">
    <template v-slot:item="{ item }">
        <view class="xiaopao-scroll-page-item-info">
            <view class="tit">以下是描述：</view>
            <view class="con">{{item.title}}<template v-if="item.defaultTitle.length > 30"><text class="more-btn" @click="doShowHide(item)">{{item.isShowMore ? '收起' : '查看全部'}}</text></template></view>
        </view>
    </template>
</xiaopao-scrolling>
this.listData2 = [
    {
        title: '中共中央政治局召开会中共中央政治局召开会中共中央政治局召开会...',
        defaultTitle: '中共中央政治局召开会议中共中央政治局召开会议中共中央政治局召开会议中共中央政治局召开会议中共中央政治局召开会议中共中央政治局召开会议',
        showTitle: '中共中央政治局召开会中共中央政治局召开会中共中央政治局召开会...',
    },
    {
        title: '中共中央政治局召开会中共中央政治局召开会中共中央政治局召开会...',
        defaultTitle: '中共中央政治局召开会议中共中央政治局召开会议中共中央政治局召开会议中共中央政治局召开会议中共中央政治局召开会议中共中央政治局召开会议',
        showTitle: '中共中央政治局召开会中共中央政治局召开会中共中央政治局召开会...',
    },
    {
        title: '分析研究当前经济形势和经济工作',
        defaultTitle: '分析研究当前经济形势和经济工作',
        showTitle: '分析研究当前经济形势和经济工作',
    },
    {
        title: '党中央加强对经济工作党中央加强对经济工作党中央加强对经济工作...',
        defaultTitle: '党中央加强对经济工作的全面领导党中央加强对经济工作的全面领导党中央加强对经对经济工作的全面领导党中央加强对经济工作的全面领导',
        showTitle: '党中央加强对经济工作党中央加强对经济工作党中央加强对经济工作...',
    },
    {
        title: '坚持稳中求进工作总基调',
        defaultTitle: '坚持稳中求进工作总基调',
        showTitle: '坚持稳中求进工作总基调',
    },
    {
        title: '加强农产品生产加强农加强农产品生产加强农加强农产品生产加强农...',
        defaultTitle: '加强农产品生产加强农加强农产品生产加强农加强农产品生产加强农加强农产品生产加强农1',
        showTitle: '加强农产品生产加强农加强农产品生产加强农加强农产品生产加强农...',
    },
    {
        title: '加强农业生产，稳定粮食等重要农产品价格稳定粮食等重要农产品价格...',
        defaultTitle: '加强农业生产，稳定粮食等重要农产品价格稳定粮食等重要农产品价格稳定粮食等重要农产品价格',
        showTitle: '加强农业生产，稳定粮食等重要农产品价格稳定粮食等重要农产品价格...',
    }
]