zc-components v1.2.21

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