自定义样式

场景：当前系统中，很多文本需要设置颜色为：紫罗兰色(blueviolet)，
问题：
1、样式配置中没有提供此颜色
2、如果在单元格属性前景色中配置颜色，则需要记住颜色的代码，然后在每一个需要设置此颜色的单元格中，使用颜色选择器来选择
解决方法：通过自定义样式的方法，给样式配置中的文本颜色添加紫罗兰色选择

步骤：
1、定义样式：
修改文件：project/res/custom/custom.css中定义样式

image.png

修改内容：

image.png

其中可以给样式名称前添加锚点样式，用于提升样式级别：

image.png

MisShop在页面这一次层，添加了.cl1.cl2.cl3.cl4.cl5.cl6样式锚点，一般在样式配置中配置的样式，单个样式使用三层的样式锚点.cl1.cl2.cl3，复合样式使用两层的样式锚点.cl1.cl2

2、在样式配置中添加样式选择：
修改文件：WebRoot/WEB-INF/classes/designer/widgets/wiseclass

image.png

a、这个文件夹下的文件夹，定义样式分类：
common用于定义普通的样式，其内部文件夹为样式分组名称，再内部为样式定义
widget用于定义某个控件独有的样式，其内部文件夹为控件名称，再内部为样式定义
widgetfamily用于定义父控件下的子控件的样式，其内部文件夹为父控件名称，再内部为样式定义
widgetgroup用于定义控件组下的控件的样式，其内部为样式组名称，再内部为样式定义
b、样式定义文件为.txt文件，文件内容为json格式：
参考/common/text/text_color.txt，可以添加新样式定义或者修改样式定义文件
c、"dispName"：为IDE样式选择中的样式名称
"order"：为IDE样式选择中，样式在本组中的排序
"property"：为此样式作用到的位置，默认是作用到控件上，
如果需要作用到单元格包裹层上，则设置为"property": 100
"classList"：为此样式定义中，可选择的样式，
"name"：为样式的显示名称
"value": 为单元格存储的样式名称
"realValue": 为定义的样式的真实名称，如果未设置，则使用value
d、修改text_color.txt文件，添加紫罗兰色：

image.png

e、可以在text_color.txt文件旁，添加同名文件夹，其中用于给此样式中每一个选择配图，需要使用value同名文件，使用.png图片格式。

image.png

3、使用样式：
刷新导航树或者重启设计器，然后在单元格中选择此样式，

image.png
image.png

如果浏览器上没有效果，请清除浏览器缓存，然后重试。