之前对浮木云的web端的静态页面和APP的页面搭建进行了简单的记录,虽然只是了解些皮毛,但足够支撑一些简单的页面的制作。最近我在浏览他们的公众号【武汉浮木科技有限公司】,意外发现他们对高校科技成果转化平台的模板进行了相关介绍,看了他们对这个平台的介绍,让我觉得他们对这个业务的理解非常透彻。当然,最吸引我的是他们这个可视化大屏页面做的很符合我的审美,所以我又从他们的模板中下了高校科技成果转化平台的模板,按照他们的格式继续制作一个简单的大屏页面,本次针对我搭建的可视化大屏页面做一个简单的记录。
说句实在话,他们这个可视化大屏确实惊艳到我了,想了解详情的小伙伴们可以去他们的官网浮木云-产品设计开发智能助手去试用一下,肯定会像我一样会有不一样的收获。
接下来我就按照我做的可视化大屏页面的步骤进行一个简单的记录,本次仿照的模板是高校科技成果转化平台的高校科技成果转化页面,这个页面包含了多种图表,还是有点难度的。
1、创建应用
老生常谈,建立可视化大屏的第一步依然是创建应用,应用类型选择“可视化大屏”,页面布局默认“无导航”。
创建过应用,系统自动创建一个新的空白的页面,先重新命名这个初始化页面,改为“高校科技成果转化页面”,更改页面名称的位置在页面名称右侧的设置按钮。
2、背景设置
按照他们制作的页面的结构,放置一个弹性容器,然后将模版的背景图片下载下来作为我的背景图片,这样大屏的背景设置就做好了。