模板样式自定义

本文档介绍如何通过重载跨设备表单样式变量值的方式来个性化页面显示。

一、CSS自定义属性定义范围及初始值

参考 CSS自定义属性定义说明

二、模板中重载过程

打开跨设备表单模板，选中“PC端页面设置”->点击“自定义脚本设置”->点击“CSS样式定义”，在弹窗中，录入自定义的脚本内容，如下图所示：

三、示例

列表页面

默认字体为 14px，假设要调整为16px，脚本大致如下：

:root{
    /* 表格头字体大小 */
    --lcz-creater-table-header-fontSize: 16px;

    /* 表格单元格文字字体大小 */
    --lcz-creater-table-cell-fontSize: 16px;

    /*行操作-下拉字体大小*/
    --lcz-creater-table-row-opt-dropdown-text-fontSize: 16px;

    /* 行操作文字大小 */
    --lcz-creater-table-row-opt-text-fontSize:16px;

    /* 控件标题字体大小 */
    --lcz-creater-widget-title-fontSize: 16px;

    /* 控件内容字体大小 */
    --lcz-creater-widget-content-fontSize: 16px;
}