npm i zc-components

日期(日历)组件使用说明

• type传参默认年月日

• type="ymdhms"年月日时分秒

• type="ymdhm"年月日时分

• type="ymdhm"年月日时分

• type="ymdh"年月日时

• type="ymd"年月日

• type="ym"年月

• overDate允许选择超过当前日期,默认不允许

• timeFilling对时间选择(非日期)默认值填充,默认当前时分秒,默认关闭

• inputFilling关联模式,两个都得选

• singleDate是否要采用单个日期选择模式

• singleDayMinute 时间选择范围(分钟)

• minuteSteps 时间选择范围数值(分钟)

• singleDayMonth 时间选择范围(月)

  列表组件使用说明

• scrollAuto是否需要滚动 type:Boolean default:true

• status对应显示index时的文字

• sort要排序的字段,只支持一个字段 type:String default:''

• width宽度 type:String default:100%

• height高度 type:String default:55rem

• marginLeft距离左侧 type:String default:0rem

• marginTop距离上方 type:String default:0rem

• titleData标题行数据 type:Array default:[]

• showTitle是否显示标题行 type:Boolean default:true

• listData传过来的后端数据 type:Array default:[]

• option传过来的要展示的字段 type:Array default:[]

• basic另一种表格,采用slot type:Boolean default:true

• otherOption特殊情况输出为otherOption="['a', 'b']"a/b type:Array default:[]

• limitMoveNum开始滚动的数量,默认10 type:[Number, String] default:10

• tableIndex是否显示排序序号 type:Boolean default:false

• titleFlex给每一列设置宽度,暂只支持flex type:Array default:[]

• colorOption title颜色和对应的每一组数据的颜色(有排序index从排序index开始计算) 例如:colorOption="{title: '#2ABAF9',list: ['#2ABAF9', '#fff', '#fff'],}" type:Object

• cursor 某些表格可以点击 例如:cursor="['appName']" type:Array default:[]

• clickMove 是否需要开启表格点击滑入滑出等操作 type:Boolean default:false

• percent 数据需要用百分比显示,传要显示的字段数组(默认两个小数) type:Array default:[]

• titleOption 针对title的样式覆盖 例如 :titleOption="{height: '4.5rem',background: 'rgba(3,21,54,0)',}" type:Object default:{}

• filterData 对结果数据做些什么 例如过滤 filterData="{option: 'name',arrList: ['上城', '下城', '江干', '拱墅', '西湖', '滨江'],}" type:Object default:{option: "",arrList: [],}

• setWidth 手动规定每一列(标题和内容)的宽度 (好像没实现) type:Array default:[]

• stripe 是否启用斑马纹 type:Boolean default:true

• showType 基础白和大屏蓝,其选值有pc和bigscreen type:String default:bigscreen