-
-
辰哥 管理员
发表于2019-6-19 09:57
楼主
当然，在介绍锚点组件是什么的问题之前，首先给大家安利一下豌豆BI产品中一种报告类型——即席报告。至于即席报告到底如何使用当然，在介绍锚点组件是什么的问题之前，首先给大家安利一下豌豆BI产品中一种报告类型——即席报告。至于即席报告到底如何使用，大家可以先参考《豌豆BI还有它，还不用起来你就out了》这篇文章。好了，废话不多，咱们进入正题。，大家可以先参考《豌豆BI还有它，还不用起来你就out了》这篇文章。好了，废话不多，咱们进入正题。
一、锚点组件是什么
不知道大家平时打开网页，滚动网页后，是否发现了页面右下角位置处总是会出现一个“回到顶部”的按钮，点击它之后页面就会回到页面顶部位置。锚点组件与其原理类似，当然了，锚点组件又与其有很大的不同。
当你制作了一张页面长度很长的即席报告时，想看某个数据分析或者某个组件时，需要一点点的滚动页面查找，是不是感觉十分麻烦，这个时候，锚点组件就可以发挥它的作用了，锚点组件就好比一个定位器，帮助你找到它并直接将页面滚动到这个数据分析或者组件的位置。如下图：
锚点组件的应用
建议是当即席报告制作到一定长度的时候再使用锚点组件，毕竟打开一个页面需要时间，如果制作的即席报告不是很复杂，多一个锚点组件的页面加载肯定是会慢一点点。如图：
当然，上图中的锚点组件是此组件的默认样式，锚点组件也还支持样式上的修改，以及锚点名称的修改。如下图：
*目标组件：设置该锚点定位到那个组件。
1、默认设置
（1）锚点文字
设置该锚点的文字显示以及锚点文字的样式，包含字体，字体大小，字体颜色。
（2）背景色
设置该锚点的背景色。
（3）背景图片
设置该锚点的背景图片。
（4）平铺方式
设置该锚点的背景图片的平铺方式。
（5）边框
设置该锚点的边框，包含边框的线条样式，线条宽度，线条颜色，以及边框方向。
（6）锚点图标
设置该锚点的图标。
（7）更多设置
设置该锚点的图标的宽度以及高度。
（8）整体布局
设置该锚点的图标以及文字所处位置。
（9）文本位置
设置该锚点的文本相对于图标所处的位置。
2.选中设置
（1）锚点文字
设置该锚点选中时的文本显示的样式，不能修改文本内容。
（2）背景色
设置该锚点选中时的背景色。
（3）背景图片
设置该锚点选中时的背景图片。
（4）平铺方式
设置该锚点选中时的背景图片的平铺方式。
（5）锚点图标
设置该锚点选中时的图标。
（6）更多设置
设置该锚点选中时的图标的宽度和高度。
