[]
        
在线Demo 免费试用
(Showing Draft Content)

常规样式/悬浮样式/选中样式

1. 概述

1.1 功能概述

常规样式是指在常规状态时的样式,也即未被选中,也没有鼠标悬浮的时候。悬浮样式用来设置鼠标悬浮至组件时显示的样式,而选中样式则是用来设置鼠标选中时显示的样式。本节为您介绍常规样式/悬浮样式/选中样式属性。如下图所示为标签列表和相对日期的常规样式属性,悬浮样式和选中样式属性和常规样式一样。

PixPin_2025-06-18_14-32-01 PixPin_2025-06-18_14-31-43

2. 常规样式

2.1 圆角半径

  1. 在列表显示边框时,为其设置边框的圆角弧度。

    PixPin_2025-06-18_14-56-39

    自定义四边圆角半径:

    PixPin_2025-06-18_15-24-47

2.2 填充颜色

  1. 设置鼠标悬浮、选中以及常规下的填充颜色。比如下图设置了选中颜色为绿色,常规为黄色。

    PixPin_2025-06-18_14-54-20

2.3 填充渐变

  1. 设置使用的填充渐变样式和颜色。

    PixPin_2025-06-18_14-57-33

    PixPin_2025-06-18_14-57-56

2.4 背景图片

  1. 设置鼠标悬浮、选中以及常规下显示的背景图片。

    PixPin_2025-06-18_14-58-31

2.5 字体样式

  1. 设置常规状态、悬浮时以及选中时的字体样式或阴影。

    PixPin_2025-06-18_15-00-05

2.6 阴影

  1. 设置常规状态、悬浮时以及选中时的字体样式或阴影。

    PixPin_2025-06-18_15-02-16

2.7 显示边框

  1. 设置常规状态、悬浮时以及选中时列表项是否显示边框。

    PixPin_2025-06-18_15-03-42

2.8 边框宽度

  1. 设置常规状态、悬浮时以及选中时列表项的边框宽度。

    PixPin_2025-06-18_15-05-50

2.9 边框颜色

  1. 设置常规状态、悬浮时以及选中时列表项的边框颜色。

    PixPin_2025-06-18_15-07-34

2.10 显示标志线

  1. 设置是否显示列表项的标志线,显示后,还可以进一步设置标志线样式,包括位置、标志线长度(每节线条的长度)、标志线厚度(即宽度)、偏移和颜色。

    PixPin_2025-06-18_15-13-09