[{"id":"bcb0874d-299b-448e-9552-9e9b25ef80dd","tags":[{"product":null,"links":null,"id":"ba7e818e-4f6b-4211-b1ac-58e3bafcf439","name":"\u66F4\u65B0","color":"orange","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"8ce3627e-9e58-471b-9133-4f135d191e7b","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"ae60ae59-34f5-4f32-a8eb-243ed1457543","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3d4848c3-910f-4ffa-9153-60bb507334a9","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"133f4ca6-d951-4d65-a618-3dc6301266f7","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2426c71d-8332-4cbd-a436-1ec4f8666464","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2ce7b6b0-78aa-4e4b-bf8a-e4ba2f988298","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"4706db46-0811-4652-8f59-1e0a1da84758","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"8f1271bb-2cd9-4f39-9897-c15b239ee7ab","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"677e13a7-6f3e-449f-986c-2c3a26f8d54f","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"5e40f6dc-caec-49d7-a1d0-be65f06815ba","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2457f0e0-9e71-4860-a87d-065e0fb84f84","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5c67fd0-1145-482c-9113-97b492c44c18","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"a609a8fa-ab91-4c1d-a1c3-d209d0463303","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"b4a9eb15-94e5-48df-b218-a24138f0cf9c","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

样式模板

样式模板是预设好的一组样式的组合,类似于样式“套餐”。

通过应用样式模板,可以快速的应用一组预设好的固定样式,更加方便快捷的制作出美观的仪表板。

选中组件后,打开属性设置面板,在外观样式下找到样式模板。然后单击下拉箭头,然后选择合适的模板即可直接应用。

填充颜色(背景颜色)

设置组件的背景填充色。单击色块打开取色器选择颜色;单击右侧的image2018-5-17_11-44-33.png,选择“ 重置 ”即可恢复默认设置。

使用主题色时,如果仪表板的主题更换,此处的颜色会自动跟随主题发生变化。

内部边距

组件内容与边框的空隙,默认四个方向相同,均为10,可填写自定义数值。

单击右侧的image2019-11-14_14-18-41.png图标,可对四个方向的内边距设置不同的值。

单击右侧的image2018-5-17_11-44-33.png,选择重置即可恢复默认设置。

image2020-6-16_16-53-44.png

外部边距

设置组件与组件外边线的距离,可以控制组件之间的距离。

默认四个方向的边距相同,可填写自定义数值。

单击右侧的image2019-11-14_14-18-41.png图标,可对四个方向的内边距设置不同的值。

单击右侧的image2018-5-17_11-44-33.png,选择“ 重置 ”即可恢复默认设置。

image2020-6-16_16-54-36.png

是否可见

设置组件默认是否可见,默认可见。

用于和图片组件配合实现动态显示和隐藏,详见动态控制组件隐藏/显示

背景图片

单击“ 背景图片 ”后的image2019-6-26_14-25-11.png,在图片管理中选择共享图片或通过添加新图片。详情可参考图片组件中的相关介绍。

image

添加图片后,可对图片进行以下设置:

  • 重复填充:设置当图片小于组件区域时是否进行重复填充。单击下拉箭头,可选择不重复、重复、横向重复、纵向重复、重复,完整填充、重复,填满。

  • 填充尺寸:设置图片填充到组件中的尺寸。单击下拉箭头,选择原始大小、包含、覆盖、拉伸。

  • 水平位置:设置图片在组件中的水平位置。单击下拉箭头,可选择居中、左对齐、右对齐。

  • 垂直位置:设置图片在组件中的垂直位置。单击下拉箭头,可选择居中、顶部、底部。

边框

设置组件的组件的边框样式,颜色以及粗细。系统提供了一些内置边框样式供用户选择使用。

image2020-6-16_16-55-18.png

阴影效果

设置组件边框的阴影位置,阴影颜色,阴影大小。

image2020-6-16_16-55-47.png