-
luojr 初学数据Lv2
发表于2022-7-1 10:24
楼主
本帖最后由 luojr 于 2022-7-1 10:32 编辑
一、需求场景
大家在使用酷屏走马灯表格时,是否常常会遇到当自己某字段中的数据太多,表格宽度又不能设置太宽时,数据重叠在一起的情况。这时是不是好想使用普通表格里的自动换行功能呢?或者想把酷屏走马灯表格的滚动速度太快,想设置表格滚动慢一点?又或者想把酷屏走马灯表格右上角的More去掉? 这一份帖子里都会教给您设置方式噢!
二、组件修改前提
因为酷屏走马灯表格是系统组件,系统组件不能直接修改,所以我们需要先把系统组件克隆一份,变成自定义组件,然后再编辑自定义组件进行修改。
接下来我们用ABI531版本操作一下:
第一步:在系统管理-系统设置-酷屏配置-系统组件中找到走马灯表格,点击克隆
第二步:在系统管理-系统设置-酷屏配置-我的组件中就可以找到刚克隆的组件
三、组件修改方式
1.设置自动换行
在系统管理-系统设置-酷屏配置-我的组件中找到刚克隆的组件点击编辑
选择default.css
如图所示更改
就可以成功啦!
2、设置滚动速度
在系统管理-系统设置-酷屏配置-我的组件中找到刚克隆的组件点击编辑
选择default.js
如图所示更改
3、设置隐藏More
可以发现表格右上方存在表头文字和More重叠的现象,这时候我们可以把More隐藏
在系统管理-系统设置-酷屏配置-我的组件中找到刚克隆的组件点击编辑
如图所示修改
更改后的效果如下
以上就是酷屏组件的几个样式和滚动效果更改的小方式,当然酷屏还有好多其他的组件以及更多的修改技巧,欢迎各位大佬多多分享噢~
一、需求场景
大家在使用酷屏走马灯表格时,是否常常会遇到当自己某字段中的数据太多,表格宽度又不能设置太宽时,数据重叠在一起的情况。这时是不是好想使用普通表格里的自动换行功能呢?或者想把酷屏走马灯表格的滚动速度太快,想设置表格滚动慢一点?又或者想把酷屏走马灯表格右上角的More去掉? 这一份帖子里都会教给您设置方式噢!
二、组件修改前提
因为酷屏走马灯表格是系统组件,系统组件不能直接修改,所以我们需要先把系统组件克隆一份,变成自定义组件,然后再编辑自定义组件进行修改。
接下来我们用ABI531版本操作一下:
第一步:在系统管理-系统设置-酷屏配置-系统组件中找到走马灯表格,点击克隆
第二步:在系统管理-系统设置-酷屏配置-我的组件中就可以找到刚克隆的组件
三、组件修改方式
1.设置自动换行
在系统管理-系统设置-酷屏配置-我的组件中找到刚克隆的组件点击编辑
选择default.css
如图所示更改
就可以成功啦!
2、设置滚动速度
在系统管理-系统设置-酷屏配置-我的组件中找到刚克隆的组件点击编辑
选择default.js
如图所示更改
3、设置隐藏More
可以发现表格右上方存在表头文字和More重叠的现象,这时候我们可以把More隐藏
在系统管理-系统设置-酷屏配置-我的组件中找到刚克隆的组件点击编辑
如图所示修改
更改后的效果如下
以上就是酷屏组件的几个样式和滚动效果更改的小方式,当然酷屏还有好多其他的组件以及更多的修改技巧,欢迎各位大佬多多分享噢~