关于样式
- 系统里的图片按钮的文字标题不支持渐变色
- 系统里的连接线段不支持渐变色
- 系统支持iview,但不支持element
关于资源
- 系统资源库里的图片不可以进行分组或删除编辑等操作
- 系统不支持载入AE动效
关于脚本
- 个人觉得最好用vue
- 添加vue脚本,要通过“通用组件”的配置栏中的js定制脚本去添加才生效
如果vue里语法有错误,控制台会报错
-
系统里的this指向的是当前组件的vue实例,不是window
-
系统里的vue直接有myChart,所以可以直接用
this.myChart,代表的是echarts的实例;系统内的echarts对象,this.$echarts,指的是echarts -
获取当前组件的dom元素:因为this指向vue实例,所以
this.$el即实例的dom元素this指向组件的实例,$el用于获取Vue实例挂载的DOM元素,在mounted生命周期中才有效,之前的钩子函数内无效,Vue脚手架中,$el指向当前组件template模板中的根标签,在此系统里同样 -
设置当前组件dom元素隐藏
this.$el.style.display = 'none' -
通用组件获取其他组件的实例及dom元素
this.$store.api.getElementByName(alias).instance;和this.getElementByName(timer).instancs是一样的,都是用来获取组件的实例的,只不过早期的版本中没有this.getElementByName方法,所以有时候写的就是完整的方法
写一个获取组件实例方法,如下图:
const getEl = (alias)=>{this.$store.api.getElementByName(alias).instance;}
getEl(alias).$el就获取到了这个组件的dom元素,接着可以设置样式或其他属性
注):这里的alias参数指的是系统里组件的别名;
-
在通用组件里获取定时器组件实例,假如定时器的别名是
timer,则使用let timer = this.getElementByName(timer).instancs即可获取到,若要关闭定时器,则设置timer.settings.enable = false即可 如果想设置定时器监听一组图片按钮进行激活轮播,则设置了图片按钮的监听事件后(即图片按钮的交互里填写的监听事件button_id),在定时器的交互里选择对应的这个监听事件button_id,然后在配置里设置定时器的回调ID为button_id,回调列表里设置分别添加上要监听的按钮的回调值(即按钮的别名即可) -
在通用组件里获取监听事件里图片按钮的id(别名),假如图片按钮对应的监听事件是
button_id,则用this.$store.state.button_id即可获取到当前图片按钮的id,(前提必须是通用组件的交互里设置监听了button_id),监听了之后才能让这个通用组件和监听的图片按钮关联上,才会触发通用组件里的方法。否则方法不会触发,不触发就不会执行 -
在系统里,通用组件的渲染优先级是最高的,如果给组件设置优先级,则用
this.$el.parentNode.style.zIndex = 层级 -
如果做移动端的项目,预览页面的时候滑动不了,则在系统全局js里加上一段代码即可
let screenHolder = document.querySelector('.screen-holder')
screenHolder.style.overflowY = "scroll";
screenHolder.style.overflowX = "hidden";
关于数据
一、处理返回数据
二、数据处理
- 通用组件里如果写vue,那么有一个handleData的方法,这个方法有一个参数data,就是数据源获取的数据。当数据源更新的时候会去调用这个方法并传入数据