main

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

{ type:"message", payload:{ appId:"app_1", data:{}, description:"", level:"", title:"" } }

如何根据配置文件配置主界面

manifest.json文件中配置当前界面方案schema字段,如果是空突就填 "KT",如果是轻步就 "QB"

{
  "wsUrl": "",
  "whitelist": [],
  "appIds": {
    "ZXZH": "HCZXZH"
  },
  "schema": "QB"
}

tis/schema 新建界面方案 eg:kt_layouts

export default {
  "Login": () => import(/* webpackChunkName: "LoginKT" */"../../components/LoginKT"),
  "StatusBar": () => import(/* webpackChunkName: "StatusBar" */"../../components/StatusBar"),
  "SiderMenu": () => import(/* webpackChunkName: "SiderMenu" */"../../components/SiderMenu"),
  "Footer": () => import(/* webpackChunkName: "Footer" */"../../components/Footer"),
  "NavBar": () => import(/* webpackChunkName: "NavBar" */"../../components/NavBar"),
  "AppBar": () => import(/* webpackChunkName: "AppBar" */"../../components/AppBar"),
  "WidgetsPanel": () => import(/* webpackChunkName: "WidgetsPanel" */"../../components/WidgetsPanel"),
  "WidgetsView": () => import(/* webpackChunkName: "WidgetsView" */"../../components/WidgetsView"),
  "Widget": () => import(/* webpackChunkName: "Widget" */"../../components/Widget"),
  "WidgetDR": () => import(/* webpackChunkName: "WidgetDR" */"../../components/WidgetDR"),
  "AppView": () => import(/* webpackChunkName: "AppView" */"../../components/AppView"),
  "AppsPanel": () => import(/* webpackChunkName: "AppsPanel" */"../../components/AppsPanel"),
  "TaskKanban": () => import(/* webpackChunkName: "TaskKanban" */"../../components/TaskKanban"),
  "SettingSys": () => import(/* webpackChunkName: "SettingSys" */"../../components/SettingSys"),
  "NotificationWhole": () => import(/* webpackChunkName: "NotificationWhole" */"../../components/NotificationWhole"),
  "HistoricalNews": () => import(/* webpackChunkName: "HistoricalNews" */"../../components/HistoricalNews"),
  "SearchBox": () => import(/* webpackChunkName: "SearchBox" */"../../components/SearchBox"),
  "locationArtificial": () => import(/* webpackChunkName: "locationArtificial" */"../../components/locationArtificial"),
  "MessageBox": () => import(/* webpackChunkName: "MessageBox" */"../../components/MessageBox"),
  "ToListMail": () => import(/* webpackChunkName: "ToListMail" */"../../components/ToListMail")
};

main.js进行界面方案引入，组件均为异步组件，所以不必担心资源加载多或重复的问题

import KT_layouts from "./tis/schema/kt_layouts";
import QB_layouts from "./tis/schema/qb_layouts";

将界面方案配置到schema对象中

const schema = {
  "KT": KT_layouts,
  "QB": QB_layouts
};

config配置中配置对应的界面方案

config.schema = manifest.schema || "QB"; //默认轻步方案
config.layouts = schema[`${manifest.schema}`];

notice

注意界面方案的key值几处出现的地方必须保持一致。 "KT"、"QB"

#增加主题 xx即为主题变量，eg:空突主题xx为kt，蓝色主题xx为blue

框架主题

theme-chalk文件夹中增加 index-xx.css

应用主题

tis-ui文件夹下新建theme-xx文件夹，theme-xx文件夹下新建index.css，index.css即为index-xx.css