平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
- label:[Array,Object] // 你的表头内容 相当于表格里的 thead
- list:Array // 你的列表数据 相当于表格里的 tbody
- keys:Array // 考虑到大部分数据都采用数组对象 这个就是对象的key值
- pad:Array,default [5] // 每个表格之间的间距 采用了数组,用css样式的写法,比如 padding:1px 5px 10px;那么你只需要[1,5,10]就行了
- theandTxt:[Object,Array] // 写了能传Array是对后面的扩展,现在暂时只对Object做了处理 这个是对表头的文字,颜色以及背景做了处理,其他暂无
- rowTxt:[Object,Array] // Array原因同上,这个是对某一行的文字,颜色以及背景进行处理,
- columnTxt:[Object,Array] // Array原因同上,这个是对某一列的文字,颜色以及背景进行处理,
- 注:传参的带有单位的样式都进行了upx2px处理,插件只试用于小的表格,如果表头数据过多则会出现溢出的现象,插件也没有边框,
- 因为暂时没有处理边框重叠变粗的问题(其实是不会),并且插件没有做任何溢出的处理(其实还是不会),如果您的表头灰常的多,
- 那么建议您可以在插件上面加上scroll-view来解决该问题(懒的写了),
- 插件没有做太多测试(懒癌晚期了),可能存在兼容性问题,使用时需注意,祝大家工作顺利