inwu-uikit v1.0.6

使用指南

在 vue3 中使用

1、安装 inwu-uikit

npm run inwu-uikit

2、导入样式

import 'inwu-uikit/style.css';

3、导入 inwu-uikit

import MicronatureInstance from 'inwu-uikit';

4、准备容器

<div id="inwu-container" style="width:1920px; height:1080px"></div>

5、初始化

onMounted(async () => {
  let MN = new MicronatureInstance({
    url: 'https://******/',
    username: '***',
    password: '***'
  });
  await MN.init();
  MN.mountElement('inwu-container', 'home');
});

例：在react中使用

1、安装inwu-uikit

npm run inwu-uikit

2、导入样式

import 'inwu-uikit/style.css';

3、导入inwu-uikit并初始化

import MicronatureInstance from 'inwu-uikit';
async function init() {
    let MN = new MicronatureInstance  ({
        url: 'https://******/',
        username: '***',
        password: '***'
    });
    await MN.init();
    let el = document.querySelector('.Home')
    MN.mountElement(el, 'home');
}
function App() {
  return (<div className="Home"></div>);
}
export default App;

实例说明

let MN = new MicronatureInstance(initConfig)

类型/参数说明

initConfig: 初始化配置 | Param | Description | | :--- | :---------- | | initConfig.lang: string | 语言 参数：‘zh’ | ‘en’ 默认：‘zh’ | initConfig.url: string | api 接口 | initConfig.themeStyle: string | 主题样式 参数：‘dark’ | ‘light’ 默认：‘dark | initConfig.username: string | 用户名 | initConfig.password: string | 密码

moduleName: 模块名，选择要加载的模块 | Param | Description | | :--- | :---------- | | home: string | 首页 | area: string | 空间页 | device: string | 设备 | distribution: string | 分配 | group: string | 群组 | scene: string | 场景 | linkage: string | 联动 | schedule: string | 日程 | orderList: string | 订单列表 | orderManage: string | 订单管理 | control: string | 监控、控制页 | energy: string | 能耗页