依靠弱小无远开发平台，能够疾速实现带各种酷炫联动成果的数字化大屏。
DEMO 地址：https://previewer.wuyuan.io/p...
配置地址：https://workbench.wuyuan.io/p...
效果图 1
效果图 2
实现步骤
1. 实现大屏根本布局。
应用一个主窗口作为背景，层号设置为 0。其余窗口设置层号为 1，并且窗体背景抉择无，头部背景设置为通明。
2. 绑定适合的组件，设置每个隶属窗口的数据源。
让其依赖主窗口或其余窗口提供的@变量@，零碎会主动造成联动成果。本例中应用的组件是 enhancer-echarts 和 enhancer-numbers 组件。
3. 减少必要的款式，笼罩或去掉不必要的组件款式。
本例中增加了如下CSS内容为每个窗口减少相框， 你能够依据理论状况，设置款式加载的机会，比方帧初始化时。
#page页面编号 .zwindow { box-shadow:none; overflow:visible;}#page页面编号 .zwindow-header { box-shadow: none;}#page页面编号 .zwindow-body { box-shadow: none; border-top: none; overflow:visible !important;}#page页面编号 .zwindow-header:before { content: ''; position:absolute; z-index: 33; top: -3px; left:-6px; height: 12px; width: 18px; border-left: solid 2px #666; border-top: solid 2px #666;}#page页面编号 .zwindow-header:after { content: ''; position:absolute; z-index: 33; top: -3px; right:-6px; height: 12px; width: 18px; border-right: solid 2px #666; border-top: solid 2px #666;}#page页面编号 .zwindow-body:before { content: ''; position:absolute; z-index: 33; bottom: -3px; left:-6px; height: 12px; width: 18px; border-left: solid 2px #666; border-bottom: solid 2px #666;}#page页面编号 .zwindow-body:after { content: ''; position:absolute; z-index: 33; bottom: -3px; right:-6px; height: 12px; width: 18px; border-right: solid 2px #666; border-bottom: solid 2px #666;}其余阐明
本例中背景主窗口应用了自定义窗口，蕴含百度地图对echarts 的扩大实现。地图依赖的 echarts.js 需在全局配置-前端-中提前引入：