前端全局样式个性化扩展(UI定制)

# 变更记录 | 产品版本 | 更新内容 | 更新日期 | | --- | --- | --- | | V7.0.1 | 增加了全局样式个性化扩展功能，开放各类Class以满足UI定制化需求 | 2024-10-24 | ## 一、功能概述 1、通过前端全局样式个性化扩展功能，支持定制个性化页面，满足不同客户对独特页面风格的追求，打造与众不同的视觉效果，提升产品使用体验。 2、该功能基于平台多个控件开放了大量Class（即页面Class埋点），基于这些Class可以编写web页面标准CSS样式脚本，从而达成修改或覆盖标准控件外观样式等内容的目的（包括字体样式、颜色、背景、边框等内容，理论上CSS支持的都可以修改）。 **名词说明**： 1、"Class"即HTML元素的class属性，是一个字符串，可以给HTML元素指定一个或多个类名，这些类名是由开发者定义的，用于标识元素的外观样式、布局、动画等内容 2、"CSS"（层叠样式表，Cascading Style Sheets）是一种用于控制网页样式和布局的语言，CSS内容放到Class中即可生效并作用于对应HTML页面元素 ## 二、适用范围 该功能适用于现场二开做全局样式个性化扩展，即想做UI定制。 本次主要开放了**17**个常用控件Class，控件列表如下（具体"开放Class列表"见'**章节四**'）： | **类型** | **开放控件** | | --- | --- | | 控件 | 老版首页页签 | | | 按钮 | | | 工具栏 | | | 标签 | | | 字体图标 | | | 锚点 | | | 搜索 | | 字段 | 文本/数字/...等 | | 容器 | 高级面板 | | | 高级面板工具栏 | | | flex容器 | | | 字段布局容器 | | | 卡片布局容器 | | | 附件面板 | | | 新门户平铺菜单 | | | 对话框 | | | 顶部提示语 | **备注：后续按需要会规划并开放更多Class** ## 三、前置条件 了解常用web页面CSS样式编写方法（比如修改前景色等），有助于使用该功能。学习传送门 [CSS教程](https://www.w3school.com.cn/css/index.asp) 不同的CSS样式属性可能存在浏览器兼容性问题（特别是IE浏览器），**如要在不同浏览器上同时生效，请保证编写样式的兼容性**。 ## 四、获取和使用 Class 信息 ### 1、开放Class命名规范 开放Class命名都以"**kd-cq-**"打头，其组织层级结构为：根节点 - 表单 - 容器/控件/字段 如下截图：  ### 2、查找已开放的Class方式 #### （1）开放Class列表 在Class列表中可以直接查看当前已对外开放的所有控件及对应Class名称 如果要确认具体修改哪一个Class还需要结合自身的需求，明确要修改的具体控件及控件区域（此时可以利用浏览器查看控件对应DOM结构信息，查找Class名称） 【**开放Class列表**】 **去除Class左右注释符号"/* */"即可直接拿来使用** ``` /* 控件 start */ /* 标签 */ /* .kd-cq-root .kd-cq-control.kd-cq-label {} */ /* .kd-cq-root .kd-cq-control.kd-cq-label.kd-cq-label-type-border {} */ /* 标签 */ /* 侧导航 */ /* .kd-cq-root .kd-cq-control.kd-cq-treemenu .kd-cq-treemenu-first-level {} */ /* .kd-cq-root .kd-cq-control.kd-cq-treemenu .kd-cq-treemenu-first-level .kd-cq-treemenu-first-level-item {} */ /* .kd-cq-root .kd-cq-control.kd-cq-treemenu-popper {} */ /* .kd-cq-root .kd-cq-control.kd-cq-treemenu-popper .kd-cq-treemenu-second-level {} */ /* .kd-cq-root .kd-cq-control.kd-cq-treemenu-popper .kd-cq-treemenu-third-level {} */ /* .kd-cq-root .kd-cq-control.kd-cq-treemenu-popper .kd-cq-treemenu-third-level .kd-cq-treemenu-third-level-title {} */ /* .kd-cq-root .kd-cq-control.kd-cq-treemenu-popper .kd-cq-treemenu-third-level .kd-cq-treemenu-third-level-item {} */ /* 侧导航 */ /* 穿梭框 */ /* .kd-cq-root .kd-cq-control.kd-cq-transfer {} */ /* .kd-cq-root .kd-cq-control.kd-cq-transfer .kd-cq-transfer-list {} */ /* .kd-cq-root .kd-cq-control.kd-cq-transfer .kd-cq-transfer-list .kd-cq-transfer-list-header {} */ /* .kd-cq-root .kd-cq-control.kd-cq-transfer .kd-cq-transfer-list .kd-cq-transfer-list-filter-input {} */ /* .kd-cq-root .kd-cq-control.kd-cq-transfer .kd-cq-transfer-list .kd-cq-transfer-list-content {} */ /* .kd-cq-root .kd-cq-control.kd-cq-transfer .kd-cq-transfer-list .kd-cq-transfer-list-content .kd-cq-transfer-list-content-item {} */ /* .kd-cq-root .kd-cq-control.kd-cq-transfer .kd-cq-transfer-list .kd-cq-transfer-list-content .kd-cq-transfer-list-content-item .kd-cq-transfer-list-content-item-text {} */ /* 穿梭框 */ /* 页签 */ /* .kd-cq-root .kd-cq-control.kd-cq-tabs {} */ /* .kd-cq-root .kd-cq-control.kd-cq-tabs .kd-cq-tabs-tab {} */ /* .kd-cq-root .kd-cq-control.kd-cq-tabs.kd-cq-tabs-virtual-tab {} */ /* .kd-cq-root .kd-cq-control.kd-cq-tabs.kd-cq-tabs-type-1 {} */ /* .kd-cq-root .kd-cq-control.kd-cq-tabs.kd-cq-tabs-type-1 .kd-cq-tabs-tab {} */ /* .kd-cq-root .kd-cq-tabs-virtual-tab-drop-item {} */ /* .kd-cq-root .kd-cq-control.kd-cq-tabs .kd-cq-container-toolbar {} */ /* .kd-cq-root .kd-cq-control.kd-cq-tabs .kd-cq-container-toolbar .kd-cq-container-toolbar-item {} */ /* 页签 */ /* 树 */ /* .kd-cq-root .kd-cq-control.kd-cq-tree {} */ /* .kd-cq-root .kd-cq-control.kd-cq-tree .kd-cq-tree-treenode {} */ /* .kd-cq-root .kd-cq-control.kd-cq-tree .kd-cq-tree-treenode.kd-cq-tree-treenode-selected {} */ /* .kd-cq-root .kd-cq-control.kd-cq-tree .kd-cq-tree-treenode.kd-cq-tree-treenode-selected .kd-cq-tree-treenode-text {} */ /* .kd-cq-root .kd-cq-control.kd-cq-tree .kd-cq-tree-treenode .kd-cq-tree-treenode-content {} */ /* .kd-cq-root .kd-cq-control.kd-cq-tree .kd-cq-tree-treenode .kd-cq-tree-treenode-empty-placeholder {} */ /* 树 */ /* F7已选列表 */ /* .kd-cq-root .kd-cq-control.kd-cq-f7-selected {} */ /* .kd-cq-root .kd-cq-control.kd-cq-f7-selected .kd-cq-f7-selected-header {} */ /* .kd-cq-root .kd-cq-control.kd-cq-f7-selected .kd-cq-f7-selected-item-text {} */ /* F7已选列表 */ /* 按钮 */ /* .kd-cq-root .kd-cq-control.kd-cq-btn {} */ /* .kd-cq-root .kd-cq-control.kd-cq-btn .kd-cq-btn-image {} */ /* .kd-cq-root .kd-cq-control.kd-cq-btn .kd-cq-toolbar-group .kd-cq-toolbar-group-item {} */ /* .kd-cq-root .kd-cq-control.kd-cq-btn .kd-cq-toolbar-group.kd-cq-toolbar-group-lock .kd-cq-toolbar-group-item {} */ /* .kd-cq-root .kd-cq-control.kd-cq-btn.kd-cq-tabs-btn {} */ /* .kd-cq-root .kd-cq-control.kd-cq-btn.kd-cq-advcon-btn {} */ /* 按钮 */ /* 消息弹窗 */ /* .kd-cq-root .kd-cq-control.kd-cq-message {} */ /* .kd-cq-root .kd-cq-control.kd-cq-message .kd-cq-btn {} */ /* .kd-cq-root .kd-cq-control.kd-cq-message.kd-cq-message_type_1 .kd-cq-btn {} */ /* .kd-cq-root .kd-cq-control.kd-cq-message .kd-cq-message-confirm-tip {} */ /* .kd-cq-root .kd-cq-confirm.kd-cq-message_type_0 .kd-cq-message-dot {} */ /* .kd-cq-root .kd-cq-confirm.kd-cq-message_type_0 .kd-cq-message-title {} */ /* .kd-cq-root .kd-cq-confirm.kd-cq-message_type_0 .kd-cq-message-img {} */ /* .kd-cq-root .kd-cq-confirm.kd-cq-message_type_0 .kd-cq-message-text {} */ /* .kd-cq-root .kd-cq-confirm.kd-cq-confirm-error .kd-cq-message-dot {} */ /* .kd-cq-root .kd-cq-confirm.kd-cq-confirm-error .kd-cq-message-title {} */ /* .kd-cq-root .kd-cq-confirm.kd-cq-confirm-error .kd-cq-message-img {} */ /* .kd-cq-root .kd-cq-confirm.kd-cq-confirm-error .kd-cq-message-text {} */ /* 消息弹窗 */ /* 表格 */ /* .kd-cq-root .kd-cq-control.kd-cq-table {} */ /* .kd-cq-root .kd-cq-control.kd-cq-table .kd-cq-table-filtered-valid-tip {} */ /* .kd-cq-root .kd-cq-control.kd-cq-table .kd-cq-toolbar {} */ /* .kd-cq-root .kd-cq-control.kd-cq-table .kd-cq-toolbar .kd-cq-pagination {} */ /* .kd-cq-root .kd-cq-control.kd-cq-table .kd-cq-toolbar .kd-cq-pagination .kd-pagination-current-input {} */ /* .kd-cq-root .kd-cq-control.kd-cq-table .kd-cq-toolbar .kd-pagination-options-dropdown {} */ /* .kd-cq-root .kd-cq-control.kd-cq-table .kd-cq-table-content {} */ /* .kd-cq-root .kd-cq-control.kd-cq-table .kd-cq-table-content .kd-table-cell {} */ /* .kd-cq-root .kd-cq-control.kd-cq-table .kd-cq-table-content .kd-table-cell .kd-cq-city .kd-city-picker-wrapper .kd-city-picker-content, */ /* .kd-cq-root .kd-cq-control.kd-cq-table .kd-cq-table-content .ag-cell .kd-cq-city .kd-city-picker-wrapper .kd-city-picker-content {} */ /* .kd-cq-root .kd-cq-control.kd-cq-table .kd-cq-table-content .kd-table-cell .kd-cq-city .kd-city-picker-wrapper .kd-city-picker-content .kd-city-picker-content-search, */ /* .kd-cq-root .kd-cq-control.kd-cq-table .kd-cq-table-content .ag-cell .kd-cq-city .kd-city-picker-wrapper .kd-city-picker-content .kd-city-picker-content-search {} */ /* .kd-cq-root .kd-cq-control.kd-cq-table .kd-cq-table-content .kd-table-cell .kd-cq-city .kd-city-picker-wrapper .kd-city-picker-content .kd-city-picker-content-search .kd-city-picker-content-search-input, */ /* .kd-cq-root .kd-cq-control.kd-cq-table .kd-cq-table-content .ag-cell .kd-cq-city .kd-city-picker-wrapper .kd-city-picker-content .kd-city-picker-content-search .kd-city-picker-content-search-input {} */ /* .kd-cq-root .kd-cq-control.kd-cq-table .kd-cq-table-content .kd-table-cell .kd-cq-city .kd-city-picker-wrapper .kd-city-picker-placeholder, */ /* .kd-cq-root .kd-cq-control.kd-cq-table .kd-cq-table-content .ag-cell .kd-cq-city .kd-city-picker-wrapper .kd-city-picker-placeholder {} */ /* .kd-cq-root .kd-cq-control.kd-cq-table .kd-cq-table-content .kd-table-cell .kd-cq-base-data-text {} */ /* 表格 */ /* 列表 */ /* .kd-cq-root .kd-cq-control.kd-cq-bill-list .kd-cq-card-toolbar.kd-cq-toolbar {} */ /* .kd-cq-root .kd-cq-control.kd-cq-bill-list .kd-cq-card-toolbar.kd-cq-toolbar .kd-cq-pagination {} */ /* 列表 */ /* 列表过滤 */ /* .kd-cq-root .kd-cq-control.kd-cq-querypanel {} */ /* .kd-cq-root .kd-cq-control.kd-cq-querypanel .kd-cq-querypanel-header {} */ /* .kd-cq-root .kd-cq-control.kd-cq-querypanel .kd-cq-querypanel-header .kd-cq-querypanel-header-title {} */ /* .kd-cq-root .kd-cq-control.kd-cq-querypanel .kd-cq-querypanel-header .kd-cq-querypanel-header-text {} */ /* .kd-cq-root .kd-cq-control.kd-cq-querypanel .kd-cq-querypanel-content {} */ /* .kd-cq-root .kd-cq-control.kd-cq-querypanel .kd-cq-querypanel-content .kd-cq-querypanel-title {} */ /* .kd-cq-root .kd-cq-control.kd-cq-querypanel .kd-cq-querypanel-content .kd-cq-querypanel-item {} */ /* .kd-cq-root .kd-cq-control.kd-cq-querypanel .kd-cq-querypanel-content .kd-cq-date-range {} */ /* .kd-cq-root .kd-cq-control.kd-cq-querypanel .kd-cq-querypanel-content .kd-cq-querypanel-item .kd-cq-querypanel-item-text {} */ /* .kd-cq-root .kd-cq-control.kd-cq-querypanel .kd-cq-querypanel-content .kd-cq-querypanel-item .kd-cq-querypanel-item-icon {} */ /* .kd-cq-root .kd-cq-control.kd-cq-querypanel .kd-cq-querypanel-content .kd-cq-querypanel-compact-item {} */ /* .kd-cq-root .kd-cq-control.kd-cq-querypanel .kd-cq-querypanel-content .kd-cq-querypanel-compact-item .kd-cq-querypanel-compact-item-text {} */ /* 列表过滤 */ /* 报表过滤 */ /* .kd-cq-root .kd-cq-control.kd-cq-reportpanel {} */ /* .kd-cq-root .kd-cq-control.kd-cq-reportpanel .kd-cq-reportpanel-header {} */ /* .kd-cq-root .kd-cq-control.kd-cq-reportpanel .kd-cq-reportpanel-header .kd-cq-reportpanel-header-title {} */ /* .kd-cq-root .kd-cq-control.kd-cq-reportpanel .kd-cq-reportpanel-header .kd-cq-reportpanel-header-text {} */ /* .kd-cq-root .kd-cq-control.kd-cq-reportpanel .kd-cq-reportpanel-bottom {} */ /* .kd-cq-root .kd-cq-control.kd-cq-reportpanel .kd-cq-reportpanel-bottom .kd-cq-reportpanel-title {} */ /* .kd-cq-root .kd-cq-control.kd-cq-reportpanel .kd-cq-reportpanel-bottom .kd-cq-reportpanel-item {} */ /* 报表过滤 */ /* 搜索控件 */ /* .kd-cq-root .kd-cq-control.kd-cq-search-box {} */ /* .kd-cq-root .kd-cq-control.kd-cq-search-box .kd-cq-search-box-input {} */ /* .kd-cq-root .kd-cq-control.kd-cq-search-box .kd-cq-search-box-label {} */ /* .kd-cq-root .kd-cq-control.kd-cq-search-box.kd-cq-search-box-autocomplete {} */ /* .kd-cq-root .kd-cq-control.kd-cq-search-box.kd-cq-search-box-autocomplete .kd-cq-search-box-input {} */ /* 搜索控件 */ /* 附件控件 */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-header {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-header .kd-cq-attachment-btn {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-title {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-extension-name {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-header .kd-cq-attachment-upload-icon */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-header .kd-cq-attachment-download-icon */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list .kd-cq-attachment-item {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list .kd-cq-attachment-item .kd-cq-attachment-item-icon {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list .kd-cq-attachment-item .kd-cq-attachment-item-name {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list .kd-cq-attachment-item .kd-cq-attachment-item-size {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list .kd-cq-attachment-item .kd-cq-attchment-uploadProperty {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list .kd-cq-attachment-item .kd-cq-attachment-item-uploader {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list .kd-cq-attachment-item .kd-cq-attachment-item-upload-time {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list .kd-cq-attachment-item .kd-cq-attachment-item-btn-area {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list .kd-cq-attachment-item .kd-cq-attachment-item-btn-area .kd-cq-attachment-item-btn {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list .kd-cq-attachment-item .kd-cq-attachment-item-preview-btn {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list .kd-cq-attachment-item .kd-cq-attachment-item-download-btn {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list .kd-cq-attachment-item .kd-cq-attachment-item-rename-btn {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list .kd-cq-attachment-item .kd-cq-attachment-item-delete-btn {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list .kd-cq-attachment-item .kd-cq-attachment-item-custom-btn {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list.kd-cq-attachment-img-type {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list.kd-cq-attachment-img-type .kd-cq-attachment-item {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-list.kd-cq-attachment-img-type .kd-cq-attachment-item .kd-cq-attachment-item-img-name {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-attachment-header-text {} */ /* .kd-cq-root .kd-cq-control.kd-cq-attachment .kd-cq-upload-tip {} */ /* 附件控件 */ /* 通用过滤 */ /* .kd-cq-root .kd-cq-control.kd-cq-commonfilter {} */ /* .kd-cq-root .kd-cq-control.kd-cq-commonfilter .kd-cq-commonfilter-header {} */ /* .kd-cq-root .kd-cq-control.kd-cq-commonfilter .kd-cq-commonfilter-body {} */ /* .kd-cq-root .kd-cq-control.kd-cq-commonfilter .kd-cq-commonfilter-body .kd-cq-commonfilter-row {} */ /* .kd-cq-root .kd-cq-control.kd-cq-commonfilter .kd-cq-commonfilter-body .kd-cq-commonfilter-row .kd-cq-commonfilter-cell {} */ /* .kd-cq-root .kd-cq-control.kd-cq-commonfilter .kd-cq-commonfilter-body .kd-cq-commonfilter-row.kd-cq-commonfilter-row-operation {} */ /* 通用过滤 */ /* 图片列表 */ /* .kd-cq-root .kd-cq-control.kd-cq-image-list {} */ /* 图片列表 */ /* 步骤条 */ /* .kd-cq-root .kd-cq-control.kd-cq-steps {} */ /* .kd-cq-root .kd-cq-control.kd-cq-steps-end {} */ /* .kd-cq-root .kd-cq-control.kd-cq-steps 。kd-cq-steps-arrow-top {} */ /* .kd-cq-root .kd-cq-control.kd-cq-steps 。kd-cq-steps-arrow-bottom {} */ /* 步骤条 */ /* ListBox */ /* .kd-cq-root .kd-cq-control.kd-cq-listbox {} */ /* .kd-cq-root .kd-cq-control.kd-cq-listbox .kd-cq-listbox-list {} */ /* .kd-cq-root .kd-cq-control.kd-cq-listbox .kd-cq-listbox-list .kd-cq-listbox-item {} */ /* ListBox */ /* 首页方案 */ /* .kd-cq-root .kd-cq-control.kd-cq-home-page-scheme {} */ /* .kd-cq-root .kd-cq-control.kd-cq-home-page-scheme .kd-cq-home-page-scheme-text {} */ /* .kd-cq-root .kd-cq-control.kd-cq-home-page-scheme .kd-cq-home-page-scheme-add-card {} */ /* 首页方案 */ /* 富文本 */ /* .kd-cq-root .kd-cq-control.kd-cq-rich-text {} */ /* 富文本 */ /* 旧版首页导航 */ /* .kd-cq-root .kd-cq-control.kd-cq-homepage-tab {} */ /* .kd-cq-root .kd-cq-control.kd-cq-homepage-tab .kd-ca-homepage-tab-static {} */ /* .kd-cq-root .kd-cq-control.kd-cq-homepage-tab .kd-ca-homepage-tab-static .kd-ca-homepage-tab-item {} */ /* .kd-cq-root .kd-cq-control.kd-cq-homepage-tab .kd-ca-homepage-tab-static .kd-ca-homepage-tab-item-active {} */ /* .kd-cq-root .kd-cq-control.kd-cq-homepage-tab .kd-ca-homepage-tab-static .kd-ca-homepage-tab-item-text {} */ /* .kd-cq-root .kd-cq-control.kd-cq-homepage-tab .kd-ca-homepage-tab-divider {} */ /* .kd-cq-root .kd-cq-control.kd-cq-homepage-tab .kd-ca-homepage-tab-unstatic {} */ /* .kd-cq-root .kd-cq-control.kd-cq-homepage-tab .kd-ca-homepage-tab-unstatic kd-ca-homepage-tab-item {} */ /* .kd-cq-root .kd-cq-control.kd-cq-homepage-tab .kd-ca-homepage-tab-unstatic .kd-ca-homepage-tab-item-active {} */ /* .kd-cq-root .kd-cq-control.kd-cq-homepage-tab .kd-ca-homepage-tab-unstatic .kd-ca-homepage-tab-item-text {} */ /* .kd-cq-root .kd-cq-control.kd-cq-homepage-tab .kd-ca-homepage-tab-unstatic .kd-ca-homepage-tab-item-icon {} */ /* .kd-cq-root .kd-cq-control.kd-cq-homepage-tab .kd-ca-homepage-tab-unstatic .kd-ca-homepage-tab-item-icon .kd-ca-homepage-tab-item-icon-close {} */ /* .kd-cq-root .kd-cq-control.kd-cq-homepage-tab .kd-ca-homepage-tab-unstatic .kd-ca-homepage-tab-item-icon .kd-ca-homepage-tab-item-icon-lock {} */ /* .kd-cq-root .kd-cq-control.kd-cq-homepage-tab .kd-ca-homepage-tab-unstatic .kd-ca-homepage-tab-item-icon .kd-ca-homepage-tab-item-icon-unlock {} */ /* .kd-cq-root .kd-cq-control.kd-cq-homepage-tab .kd-ca-homepage-tab-unstatic kd-ca-homepage-tab-pre {} */ /* .kd-cq-root .kd-cq-control.kd-cq-homepage-tab .kd-ca-homepage-tab-unstatic .kd-ca-homepage-tab-next {} */ /* 旧版首页导航 end */ /* 工具栏 */ /* .kd-cq-root .kd-cq-control {} */ /* .kd-cq-root .kd-cq-control.kd-cq-btn.kd-cq-toolbar-item {} */ /* .kd-cq-root .kd-cq-control.kd-cq-btn.kd-cq-toolbar-item .kd-cq-toolbar-group-item {} */ /* .kd-cq-root .kd-cq-control.kd-cq-btn.kd-cq-toolbar-item .kd-cq-toolbar-group-down {} */ /* .kd-cq-root .kd-cq-control.kd-cq-btn.kd-cq-toolbar-item .kd-cq-btn-arrow {} */ /* 工具栏 */ /* 控件 end */ /* 容器 start */ /* .kd-cq-root .kd-cq-container {} */ /* .kd-cq-root .kd-cq-container {} .kd-cq-collapse-summary */ /* .kd-cq-root .kd-cq-container {} .kd-cq-collapse-summary .kd-cq-control.kd-cq-label */ /* .kd-cq-root .kd-cq-container.kd-cq-flexpanel {} */ /* .kd-cq-root .kd-cq-container.kd-cq-fieldsetpanel {} */ /* .kd-cq-root .kd-cq-container.kd-cq-attachmentpanel {} */ /* .kd-cq-root .kd-cq-container.kd-cq-advcon {} */ /* .kd-cq-root .kd-cq-container .kd-cq-container-title {} */ /* .kd-cq-root .kd-cq-container.kd-cq-advcon .kd-cq-container-title {} */ /* .kd-cq-root .kd-cq-container.kd-cq-advcon .kd-cq-collapse-icon {} */ /* .kd-cq-root .kd-cq-container.kd-cq-advcon .kd-cq-full-screen-icon {} */ /* .kd-cq-root .kd-cq-container.kd-cq-advcon .kd-cq-exit-full-screen-icon {} */ /* .kd-cq-root .kd-cq-container.kd-cq-advcon .kd-cq-btn {} */ /* .kd-cq-root .kd-cq-container.kd-cq-flexpanel .kd-cq-container-title {} */ /* .kd-cq-root .kd-cq-container.kd-cq-flexpanel .kd-cq-collapse-icon {} */ /* .kd-cq-root .kd-cq-container.kd-cq-flexpanel .kd-cq-full-screen-icon {} */ /* .kd-cq-root .kd-cq-container.kd-cq-flexpanel .kd-cq-exit-full-screen-icon {} */ /* .kd-cq-root .kd-cq-container.kd-cq-fieldsetpanel .kd-cq-container-title {} */ /* .kd-cq-root .kd-cq-container.kd-cq-fieldsetpanel .kd-cq-collapse-icon {} */ /* .kd-cq-root .kd-cq-container.kd-cq-fieldsetpanel .kd-cq-full-screen-icon {} */ /* .kd-cq-root .kd-cq-container.kd-cq-fieldsetpanel .kd-cq-exit-full-screen-icon {} */ /* .kd-cq-root .kd-cq-container.kd-cq-cardflexpanel .kd-cq-collapse-icon {} */ /* 容器 end */ /* 超链接 */ /* .kd-cq-root .kd-cq-hyperlink {} */ /* 超链接 end*/ /* 字段 start */ /* .kd-cq-root .kd-cq-field {} */ /* .kd-cq-root .kd-cq-field.kd-cq-field-layout-v {} */ /* .kd-cq-root .kd-cq-field.kd-cq-field-layout-h {} */ /* .kd-cq-root .kd-cq-field.kd-cq-field-with-title {} */ /* .kd-cq-root .kd-cq-field .kd-cq-field-title-wrap {} */ /* .kd-cq-root .kd-cq-field .kd-cq-field-value-wrap {} */ /* .kd-cq-root .kd-cq-field .kd-cq-field-value-wrap .kd-cq-label {} */ /* .kd-cq-root .kd-cq-field .kd-cq-field-value-wrap .kd-cq-input {} */ /* .kd-cq-root .kd-cq-field .kd-cq-field-value-wrap .kd-cq-select {} */ /* .kd-cq-root .kd-cq-field .kd-cq-field-value-wrap .kd-cq-select .kd-cq-select-arrow-icon {} */ /* .kd-cq-root .kd-cq-field .kd-cq-field-value-wrap .kd-cq-select .kd-cq-select-close-icon {} */ /* .kd-cq-root .kd-cq-field {} .kd-cq-field-valid-tip */ /* .kd-cq-root .kd-cq-field.kd-cq-label {} */ /* .kd-cq-root .kd-cq-field.kd-cq-checkbox {} */ /* .kd-cq-root .kd-cq-field.kd-cq-mulcombo {} */ /* .kd-cq-root .kd-cq-field.kd-cq-mulcombo {} .kd-cq-select-label */ /* .kd-cq-root .kd-cq-field.kd-cq-cascademenu {} */ /* .kd-cq-root .kd-cq-field.kd-cq-geographic {} */ /* .kd-cq-root .kd-cq-field.kd-cq-address {} */ /* .kd-cq-root .kd-cq-field.kd-cq-city {} */ /* .kd-cq-root .kd-cq-field.kd-cq-city .kd-cq-field-value-wrap {} */ /* .kd-cq-root .kd-cq-field.kd-cq-city .kd-cq-field-value-wrap .kd-cq-city-addition-info {} */ /* .kd-cq-root .kd-cq-field.kd-cq-radio {} */ /* .kd-cq-root .kd-cq-field.kd-cq-picture {} */ /* .kd-cq-root .kd-cq-field.kd-cq-picture .kd-cq-upload-tip {} */ /* .kd-cq-root .kd-cq-field.kd-cq-city .kd-city-picker-wrapper .kd-city-picker-content {} */ /* .kd-cq-root .kd-cq-field.kd-cq-city .kd-city-picker-wrapper .kd-city-picker-content .kd-city-picker-content-search {} */ /* .kd-cq-root .kd-cq-field.kd-cq-city .kd-city-picker-wrapper .kd-city-picker-content .kd-city-picker-content-search .kd-city-picker-content-search-input {} */ /* .kd-cq-root .kd-cq-field.kd-cq-city .kd-city-picker-wrapper .kd-city-picker-placeholder {} */ /* .kd-cq-root .kd-cq-field.kd-cq-combo .kd-cq-combo-selected {} */ /* 字段 end */ /* 弹出的下拉面板 */ /* .kd-cq-root .kd-cq-dropdown {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-hide {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type .kd-cq-dropdown-menu-item {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type .kd-cq-dropdown-menu-item-input {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-advcon-toolbar-dropdown {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-advcon-toolbar-dropdown .kd-cq-dropdown-menu-item {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-toolbar-more-dropdown .kd-cq-dropdown-menu-item .kd-cq-dropdown-menu-item-more {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-toolbar-more-dropdown .kd-cq-dropdown-menu-item .kd-cq-dropdown-menu-item-custom {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-select-dropdown {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-select-dropdown .kd-cq-dropdown-menu-item {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-select-dropdown .kd-cq-dropdown-menu-item.kd-cq-dropdown-bottom-menu-item {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-search-result-dropdown {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-search-result-dropdown .kd-cq-dropdown-header {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-tabs-dropdown {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-tabs-dropdown .kd-cq-dropdown-menu-item {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-time-range-dropdown {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-time-range-dropdown .kd-cq-btn {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-basedata-dropdown {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-basedata-dropdown.kd-cq-basedata-enum-type-dropdown {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-basedata-dropdown .kd-cq-dropdown-menu-title {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-basedata-dropdown .kd-cq-dropdown-menu-interaction {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-mullangtext-dropdown {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-mullangtext-dropdown .kd-cq-dropdown-menu-item {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-mullangtext-dropdown .kd-cq-dropdown-menu-item .kd-cq-dropdown-menu-item-title {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-mullangtext-dropdown .kd-cq-dropdown-menu-item .kd-cq-dropdown-menu-item-input {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-pagination-dropdown {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-pagination-dropdown .kd-dropdown-menu-item {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-table-header-filter-dropdown {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-table-header-filter-dropdown .kd-dropdown-menu-item {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-table-header-filter-dropdown .kd-cq-dropdown-menu-title {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-table-header-filter-dropdown .kd-dropdown-menu-input {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-transfer-list-filter-input {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-empty-select-popup {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-listfilter-setting-dropdown {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-date-type {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-date-type .kd-cq-date-picker-calendar-item {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-date-type .kd-cq-date-picker-time {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-date-type .kd-cq-date-picker-time-header {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-date-type .kd-cq-date-picker-month {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-date-type .kd-cq-date-picker-year {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-date-type .kd-cq-date-picker-header {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-date-type .kd-cq-date-picker-footer {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-date-type .kd-cq-calendar-date-range {} */ /* .kd-cq-root .kd-cq-dropdown .kd-cq-dropdown-menu-item {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-tree-dropdown {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-theme-editor-dropdown {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-theme-editor-dropdown .kd-dropdown-menu-item {} */ /* .kd-cq-root .kd-cq-dropdown.kd-cq-dropdown-select-type.kd-cq-admindivision-dropdown