样式开发规则.md 1.0 KB

样式开发

单页面最外部class为:app-container
搜索栏的最外层class为:dark-el-input(控制输入框样式) dark-el-button(控制按钮样式 不可与 plain 属性用 )
element-ui 弹出框的 class dark-el-dialog (参考场站管理页面)
注意:如何弹出框设置属性 :append-to-body="true" 请将 dark-el-dialog 设置在弹框内容内(可参考configManager/parsingType 解析文件类型配置)


element-ui 下拉框 日期选择器等有下拉的组件 添加 popper-class="cpp-popper"
    eg:<el-select  popper-class="cpp-popper">.....</el-select>
element-ui 搜索栏按钮大小为 small
element-ui 新增 修改 删除 按钮大小为 mini

echarts 初始化应用 dark 主题
echarts.init(document.getElementById(id),'dark')



vue-treeselect  样式class  custom-treeselect    
<treeselect  class="custom-treeselect"/>



element 多个按钮控制不同内容的显示 为了表明内容属于哪个按钮 设置按钮按下按钮的class .clickAfter .clickBefore 可以参考首页告警弹框页面