Skip to content
本页目录

标准表格-v2

应用包:lc-zkcomponents 类型:基础部件

一、效果预览

二、更新内容

UI更新,表头和单元格样式细节调优。单元格元素样式更加丰富,包括关注、次数、多行文本、文本加图标、变色文本、标签、状态等。

提供了组件、模板两种形式的表格,如果业务中要求需要使用列设置功能,则使用模板-表格类中的表格v2.0创建页面,如果不许要使用列设置功能,可在组件-表格中的标准表格-v2基础上进行修改,使用模板更自由但是修改成本高,使用组件则可以更方便地配置不同列的样式,配置人员优先使用组件的形式创建内容。

三、v1更新到v2

从v1更新到v2的表格,主要包括两个方面的内容更新:表格样式更新、表格单元格形式更新。

3.1 表格样式更新

v1版本的表格使用的是蓝色表头,每行高度较小,从v1升级到v2的表格无需更换组件,只需找到el-table节点,打开json找到并替换下面这部分代码即可:

json
"header-cell-style": {
  "height": "64px",
  "background": "rgba(255, 255, 255, 1)",
  "fontSize": "18px",
  "color": "rgba(93, 111, 134, 1)",
  "fontWeight": "v:500",
  "font-family": "Source Han Sans CN"
},
"cell-style": {
  "height": "104px",
  "fontSize": "16px",
  "color": "rgba(93, 111, 134, 1)",
  "fontWeight": "normal",
  "font-family": "Source Han Sans CN"
},

注意

其中height为表头、表格行的高度,可按需设置

3.2 单元格形式转换

可从拖出来的v2表格中挑选合适形式的单元格,将其el-table-column中的元素样式复制到自己的表格中,作为插槽放入某一列中,修改其对应的数据即可完成样式的更新。

内部资料,请勿外传