引用外部 js 文件

背景

在设计单据页面是需要引用外部js配合乐高代码快速开发。

操作

1.如何引用外部js文件

第一步：打开单据/流程的设计器，双击大纲树里面的“页面”，然后展开“页面初始化”，点击“编辑代码”按钮。

第二步：将下列代码复制粘贴到didMount函数中。保存设计器。

const src = "//static.seeyouyima.com/www.meiyou.com/index-15d30ffec3209060f7812744d7098dbf.js";
const script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.src=src;
document.body.appendChild(script);

第三步：在预览页面，右键打开Chrome的调试工具面板，切换到“Elements”标签，然后在</body>标签的上面就能找到我们新插入的js文件。

同时，Console下面打印出来的信息就是新插入js文件自执行的结果。

2.如何动态插入CSS？

(() => {
const style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = `
  .kuma-dropdown .kuma-dropdown-menu-submenu-wrap {
    height: auto;
  }
  .kuma-dropdown .kuma-dropdown-menu-submenu-wrap>ul {
    min-height: 120px;
    max-height: 250px;
  }
`;
document.head.appendChild(style);
})();