zc components
npm install zc-components > 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