CSS书写规范
进行css样式编写的时候,必须带上根结点的CLASS名。
例如:
<div id="_#visroot#_" class="_#customWidget#_">
<div class="div-container">
<div class="div-title">标题</div>
<div class="div-content">内容</div>
</div>
</div>
<style>
._#customWidget#_>.div-container{
padding:10px;
background-color:#666;
}
._#customWidget#_>.div-title{
color:#000;
}
._#customWidget#_>.div-content{
margin-top:10px;
}
</style>
样式书写注意事项:
根节点
_#visroot#_
的宽高样式云视界在运行时会自动设置根节点的宽高,当用户在调试界面或编辑态改变外框的大小时,也会立即更新这个根节点的宽高。并且随后调用第三方组件入口文件中的钩子方法:outSizeCallBack,并带有参数{ngvwidth:xxx,ngvheight:xxx}。
如果有z-index样式,取值需要<100
云视界的编辑器选择框自身拥有z-index属性,它的取值是z-index:100,自定义的组件如果超过这个值,会导致选择组件发生异常