将多样化的酷屏根据一定的业务需求整合成统一的资源站点,称之为门户。当用户登录某个门户时,可直观门户中的内容。本文将讲解如何快速上手酷屏门户。
1.新建门户
新建门户的入口,在门户菜单下,点击“新建新门户”。将出现“新建新门户”的弹窗。可选择从空页面创建或根据模板创建。
1.1根据空白模板新建
当在弹窗中选择“从空页面创建”时,进入一个空白的门户界面。用户可从头开始创建并设计。


1.2根据模板新建
当在弹窗中选择“根据某个模板创建”时,进入一个有模板的门户界面。此处继承模板里的皮肤和布局,用户可在此基础上做一些修改操作,加快创建页面的效率。


2.资源挂载
2.1在组件中挂载资源
Step1:
在设计区,选中组件,打开右侧属性栏,在“链接”处点击编辑,出现资源挂载弹窗。

Step2:
在弹窗中选择需要挂载的资源,点击“确定”。选择后,在该组件右侧属性栏的链接中会显示资源链接,即挂载成功。
2.2在页面中挂载资源
Step1:
在新建门户中,选择一张模板,打开代码区和属性中的事件设置。

Step2:
在事件设置中,找到点击导航切换事件的代码脚本,可看到url是根据导航栏切换取得的。所以在代码区的源代码中,对应的导航<li>中,加上url=‘...’。

Step3:
在属性-事件-加载完成事件中,添加一行代码,将另外四行代码注释掉。即可完成资源挂载操作。

3.效果查看
当门户制作完成后,点击属性栏右上方的“预览”,在新窗口弹出效果页面,即可查看门户制作效果。
请先登录