一：说明： 滚动加载列表的组件

二：使用： npm i @zsqcli/clistload

import React from 'react'; import CListLoad from '@zsqcli/clistload';

const MyComponent = () => { return ( <CListLoad draggable={true} configer={ x: 0, y: 0, clazz: '', params: { pageSize: 10, pageNum: 1 }, url: '', method: 'get',

    width: '380px',
    height: '200px',

    title: [
      { createTime: '时间', show: true },
      { content: '内容', show: true },
      { score: '分数', show: false },
      { type: '类型', show: true }
    ],
    columnWidth: [ '34%', '40%', '26%' ],

    headerFontSize: '14px',
    headerFontColor: 'rgb(137, 171, 205)',
    headerHeight: '40px',
    headerBGUrl: './images/sft/listbg1.png',
    headerBGColor: '',

    fontSize: '12px',
    fontColor: '#fff',
    lineHeight: '22px',
    rowHeight: '40px',
    rowPadding: '8px 4px',
    rowBGColor: 'rgba(16, 32, 50, 1)',
    rowBGColorSele: 'linear-gradient(90deg,#193661,#102032)',
    borderColor: 'rgb(64, 155, 210)',
    rowMargin: '10px',
    showHeader: '否'
  }
/>

) }

三：字段说明 x: y: clazz: 可添加的组件的className params: 请求的传参参数 url: 请求的url地址 method: 请求方式 width: 组件的整体宽度 height: 组件的整体高度 title: 列标题 columnWidth: 列宽度 headerFontSize: 列表标题字号 headerFontColor: 列表标题颜色 headerHeight：列表标题行高 headerBGUrl: 列表标题背景url headerBGColor：列表标题背景颜色 fontSize: 列表内容字号 fontColor: 列表内容颜色 rowHeight：列表行高度 lineHeight：列表内容行高 rowPadding：列表行padding rowBGColor：列表内容背景颜色 rowBGColorSele：列表选中行背景颜色 borderColor：列表行边框颜色 rowMargin：列表内容行margin showHeader：是否显示标题