跳转到主要内容
自定义页面设计器
超过 7 个月前更新

自定义页面设计器用于通过拖放控件来创建和设计仪表板页面。易企办设计师允许您构建页面结构,设计外观和感觉,添加控件、交互、动画和自定义代码,以创建完全功能的页面。


在设计器中,您可以直观地操作表单内容,设置CSS属性,并创建交互,而无需编写代码。


访问设计器

要打开仪表板设计器,首先访问一个现有的仪表板页面,然后点击表单标题栏右侧的“编辑页面”按钮。


添加控件面板

这将打开添加面板,您可以从控件面板中添加控件。

控件面板中有不同类型的控件,这些控件根据类别分组:

  1. 通用:包括与表单布局相关的通用控件,可用于创建设计精良的表单样式。

  2. 高级:包括高级控件,为您提供更强大的布局和元素,以及通过数据表、画廊和甘特图等从数据列表中呈现数据。

  3. 数据分析:包括像饼图、柱状图、数据透视表等数据分析控件,用于构建视觉化的仪表板图表。


页面设置

从添加控件面板点击“页面”,切换到页面设置标签。

背景和内容区域

设置此页面的背景颜色,以及在此处设置内容区域样式。请参阅页面背景和内容区域样式以了解更多详情。

自定义CSS

添加将在此表单上使用的自定义CSS。要了解有关自定义CSS的更多信息,请参考:自定义CSS。


底部导航栏

底部导航栏为您展示了打开导航器或预览设计的选项。

导航器

显示您当前页面上每个元素的层次结构。在这里,您可以直观地与这些元素进行交互。了解更多关于导航器的信息。

预览

在设计器的预览模式和设计模式之间切换,允许您看到发布时表单的外观。


显示/隐藏控件面板

使用编辑器时,默认视图会将控件面板固定在屏幕的左侧。这在设计时很有用,但在您想要预览页面上所有内容的外观时则不那么方便。

折叠面板的一种方法是点击它右边缘的箭头:


画布

设计器中的主要区域是画布。这是您可以实时与表单进行交互的地方。您可以选择元素,移动它们,并直接在页面上编辑内容。了解更多关于画布的信息。


顶部栏

顶部栏提供了另一套视图设置以及一些有用的工具来管理操作、保存更改并关闭此设计器。

页面指示器

显示您当前所在的页面。

断点按钮

位于顶部栏的中间,这些图标允许您在不同的断点之间切换,以便查看和编辑页面在这些断点上的设计。

操作

  • 动作:定义和管理动作

  • 保存:点击以保存此页面的更改。

  • 关闭:点击关闭按钮以退出设计模式。

这是否解答了您的问题?