[{"id":"840f0737-df1d-47ae-bb0a-359b01fe0608","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5d9cdef-8854-4505-89be-a2bbc3cb4482","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3dc3dd55-35b0-4d23-bf62-47bc3650e4ee","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"80d84fbc-d0f8-4e4a-947f-e3e4de9b49b2","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"9152b7ca-0186-4fe3-a26f-5a05f322db07","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

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

常规样式是指在常规状态时的样式,也即未被选中,也没有鼠标悬浮的时候。

悬浮样式用来设置鼠标悬浮至组件时显示的样式,而选中样式则是用来设置鼠标选中时显示的样式。

文中以标签列表的常规样式为例为您介绍。

image

圆角弧度

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

image.png

填充颜色

设置鼠标悬浮、选中以及常规下的填充颜色。

比如下图设置了选中颜色为绿色,常规为黄色。

image.png

填充渐变

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

背景图片

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

字体样式/阴影

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

显示边框/边框宽度/颜色

设置列表项是否显示边框,以及显示的边框粗细颜色。

image.png

显示标志线

置是否显示列表项的标志线。

image.png

显示标志线后,还可以进一步设置标志线样式。

image.png