自定义组件颜色

框架中定义了部分css变量来控制组件颜色，这些颜色变量均有其默认值。如想在其他项目中自定义组件颜色， 只需要在该项目中建立projectname_color.css（文件名自定义）文件，在该文件中对这些颜色变量赋新值，覆盖原有的默认值即可。

注意：1. 变量名必须一致否则无效；2. projectname_color.css需在引用https://mhc.ixiera.com/mhc/main.js之后引用。

常用颜色变量表如下：

注：详细变量值含义可参考https://mhc.ixiera.com/mhc/style/ctools.css文件中的注释说明

如果想要修改本系统的主题色，可通过修改css/cms_color.css文件中相对应的颜色值，可自定义主题色，以及按钮，列表等的颜色

可在css文件中修改自定义颜色，也可通过js修改；实例如下：

        <!-- 组件容器 -->
        <div id="tableDOM3"></div>
        <div id="table_page"></div>
        <!-- 加载渲染 -->
        const columns3 = [
            {key: 'name',title: '姓名', align: 'center',},
            {key: 'age',title: '年龄',align: 'center',},
            {key: 'job',title: '工作',align: 'center',}, 
            {key: 'action',title: '操作',align: 'center',render:function (text, data){
                return McrbHttpClient.tableDom.createTool([{
                        type:'del',text:'删除',classname:'delBtn'},{
                        type:'edit',text:'修改',classname:'editBtn'},{
                        type:'look',text:'查看',classname:'lookBtn'}],data,function(e,type){
                                // e:点击行数据
                                // type:点击事件执行类型--删除、修改、查看
                                if(type == 'del'){
                                    console.log('删除数据：')
                                    console.log(e)
                                }else if(type == 'edit'){
                                    console.log('修改数据：')
                                    console.log(e)
                                }else if(type == 'look'){
                                    console.log('查看数据：')
                                    console.log(e)
                                }
                            })
                }
            },
        ];
        // table表格数据
        const data3 = [
            {name: '张三', age: '20', job: '经理'}, 
            {name: '李四',age: '21', job: '总监'},
            {name: '周五',age: '22', job: '实习生'},
            {name: '郑六',age: '23', job: '职员'},
            {name: '郑1',age: '23', job: '职员'}, 
            {name: '郑2',age: '23', job: '职员'}, 
            {name: '郑3',age: '23', job: '职员'}, 
            {name: '郑4',age: '23', job: '职员'}, 
            {name: '郑5',age: '23', job: '职员'}, 
            {name: '郑6',age: '23', job: '职员'}, 
            {name: '郑7',age: '23', job: '职员'}, 
            {name: '郑8',age: '23', job: '职员'}, 
            {name: '郑9',age: '23', job: '职员'}, 
            {name: '郑11',age: '23', job: '职员'}, 
            {name: '郑12',age: '23', job: '职员'}, 
            {name: '郑13',age: '23', job: '职员'}, 
            {name: '郑14',age: '23', job: '职员'}, 
            {name: '郑15',age: '23', job: '职员'},
        ]
        // 渲染 page+table
        McrbHttpClient.loadPage.init({
            el:'#table_page',
            pageSize:5,//每页显示条数
            totalCount:data3.length,//总记录数
            curPage:1,//当前页数，不设置则默认1
            nav_count:5,//显示多少个导航
            callback:function(curPage,start,end){//点击翻页后的回调函数
                console.log("正在加载第("+curPage+")页的数据，请稍后.......");
                var dataSource = [];
                for( var i = start; i < end; i++){
                    dataSource.push(data3[i]);
                    if(i == (end - 1)){
                        McrbHttpClient.tableDom.common({columns:columns3, dataSource:dataSource,},'tableDOM3');
                    }
                }
            }
        });
        // 设置 CSS 变量 - 自定义“表头”和“分页”颜色
        const root = document.querySelector(":root");
        root.style.setProperty("--table-bordercolor", "#fcecde");
        root.style.setProperty("--page-disabled-fontcolor", "#fcecde");
        root.style.setProperty("--page-disabled-bordercolor", "#fcecde");
        root.style.setProperty("--page-selected-background", "#ea7819");
        root.style.setProperty("--table-thead-background", "#ea7819");
        root.style.setProperty("--table-thead-fontcolor", "#fff");