🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 交互 ``` { 'intersect': { 'in_use': false, 'click' : { 'type' : '', // url,iframe,modal,function 'param': '', 'data' : '', }, 'hover' : { 'affect': [], 'type' : '', // function 'param' : '', 'data' : '', }, }, } ``` * 悬浮内容可以用来放置HTML内容,例如:文字、进度条、图表等,完全自定义其内容和样式。 | 参数 | 说明 | 格式 | 备注 | | --- | --- | --- | --- | --- | | intersect.in_use | 是否开启交互(点击与经过) | Boolean | | | intersect.click | 点击交互 | Object | 根据不同的点击交互类型,有不同的参数配置,具体下文中有详解 | | intersect.hover | 鼠标经过交互 | Object | | | intersect.hover.affect | 经过时影响元素 | Array | `['emphasis','label','infobox']`可根据需要自行选用 | | intersect.hover.type | 经过时触发的类型 | String | 目前仅有function可用,具体下文中有详解 | ### 点击交互 - url ``` 'click' : { 'type' : 'url', 'param': '_blank', 'data' : 'http://www.bing.com/', }, ``` ### 点击交互 - iframe ``` 'click' : { 'type' : 'iframe', 'param': '{width:1300,height:800}', 'data' : 'http://www.bing.com/', }, ``` ### 点击交互 - modal ``` 'click' : { 'type' : 'modal', 'param': '{width:400,height:250}', 'data' : 'Sit ipsum elit est et in voluptate, mollit duis quasi explicabo iste eaque ut', }, ``` ### 点击交互 - function ``` 'click' : { 'type' : 'function', 'param': 'abc', 'data' : 'my_call_click', }, function my_call_click( object_id, param ){ ... } ``` ### 经过交互 - function ``` 'hover' : { 'affect': [...], 'type' : 'function', 'param' : {'abc':123}, 'data' : 'my_call_hover', }, function my_call_hover( object_id, param ){ ... } ```