extjs7 treelist自定义UI常用属性笔记
小编:管理员 548阅读 2022.09.07
版本
7.4.0
SCSS@include treelist-ui( $ui: mynav', // 背景色 $background-color: $mainview-base-color, $padding: 5px 10px 0 10px, // micro模式样式============================ // toolstrip $toolstrip-background-color: $mainview-base-color, // 浮动项指示器 $tool-float-indicator-color: $base-color, $tool-float-indicator-width: 4px, // 选中项指示器 //$tool-indicator-selected-color: $base-color, //$tool-indicator-selected-width: 5px, // 选中项 $tool-selected-color: $base-color, $tool-selected-background-color: mix(white, $mainview-base-color, 10%), // 常规模式样式============================== // 展开项 $item-expanded-background-color: #2c3845, // 选中项指示器 $row-indicator-width: 5px, $row-indicator-selected-color: $base-color, $row-indicator-selected-over-color: lighten($base-color, 7%), $row-indicator-over-color: transparent, // 项目图标 $item-icon-width: 44px, $item-icon-font-size: 18px, $item-icon-color: $panel-navigation-item-text-color, $item-icon-over-color: #fff, // 文本和图标间距 //$item-text-icon-gap: 1px, // 项目文本 $item-text-icon-gap: 0px, $item-text-font-size: 14px, $item-text-overflow: initial, $item-text-color: mix(white, $panel-navigation-item-text-color, 50%), $item-text-over-color: #ADB3B8, // 项目展开按钮 $item-expander-width: 24px, $item-expander-font-size: 16px, $item-expander-color: #fff, $item-expander-over-color: #fff, //$item-expanded-child-background-color: $base-light-color, //$item-expanded-background-color: transparent, // $item-line-height: 35px, $row-over-background-color: mix(white, $mainview-base-color, 5%), $row-selected-background-color: mix(white, $mainview-base-color, 10%) );复制
相关推荐
- ExtJs七(ExtJs Mvc创建ViewPort) 前言在4.1的时候,要先创建一个扩展于Ext.app.Application的类,然后用create创建它的实例来开始应用程序的。而在4.1.1,则可直接调用application方法开始执行应用程序,简化了。调用application方法,其参数是一个配置对象,主要配置项有以下三个:name:用来…
- 3DMAX提示和技巧 本主题标识使用 Civil View 的一些重要提示和技巧。常规使用屏幕分辨率至少为 1280x1024 的 Civil View。低于此分辨率时,一些面板将占用过多屏幕空间。 将视口设置为线框显示以达到最佳性能。 要尽可能简化用户界面,请在单个视口中工作并关闭 3ds Max 命令面…