瀏覽代碼

修改引入样式方式

lph 1 年之前
父節點
當前提交
4fd12779c4
共有 1 個文件被更改,包括 24 次插入12 次删除
  1. 24 12
      zkqy-ui/src/main.js

+ 24 - 12
zkqy-ui/src/main.js

@@ -1,17 +1,23 @@
 import Vue from 'vue'
 import { useAntd } from 'k-form-design/packages/core/useComponents'
 import KFormDesign from 'k-form-design/packages/use.js'
-import 'k-form-design/lib/k-form-design.css'
+// import 'k-form-design/lib/k-form-design.css'
+require('k-form-design/lib/k-form-design.css')
 import Cookies from 'js-cookie'
 
 import Element from 'element-ui'
-import './assets/styles/element-variables.scss'
+// import './assets/styles/element-variables.scss'
+require('./assets/styles/element-variables.scss')
 
 // 以下为bpmn工作流绘图工具的样式
-import 'bpmn-js/dist/assets/diagram-js.css' // 左边工具栏以及编辑节点的样式
-import 'bpmn-js/dist/assets/bpmn-font/css/bpmn.css'
-import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css'
-import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css'
+// import 'bpmn-js/dist/assets/diagram-js.css' // 左边工具栏以及编辑节点的样式
+// import 'bpmn-js/dist/assets/bpmn-font/css/bpmn.css'
+// import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css'
+// import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css'
+require('bpmn-js/dist/assets/diagram-js.css')  // 左边工具栏以及编辑节点的样式
+require('bpmn-js/dist/assets/bpmn-font/css/bpmn.css')
+require('bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css')
+require('bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css')
 // import 'bpmn-js-properties-panel/dist/assets/bpmn-js-properties-panel.css'
 // 左边工具栏以及编辑节点的样式
 // import 'bpmn-js-properties-panel/dist/assets/properties-panel.css'
@@ -19,7 +25,8 @@ import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css'
 
 // bpmnPro start
 import { vuePlugin } from "@packages/highlight";
-import "highlight.js/styles/atom-one-dark-reasonable.css";
+// import "highlight.js/styles/atom-one-dark-reasonable.css";
+require("highlight.js/styles/atom-one-dark-reasonable.css");
 Vue.use(vuePlugin);
 
 import Common from "@packages/common";
@@ -28,13 +35,16 @@ Vue.use(Common);
 import ResetPopover from "@utils/resetPopover";
 Vue.directive("r-popover", ResetPopover);
 
-import "@packages/theme/index.scss";
+// import "@packages/theme/index.scss";
+require("@packages/theme/index.scss");
 
 // bpmnPro end
 
 
-import '@/assets/styles/index.scss' // global css
-import '@/assets/styles/zkqy.scss' // zkqy css
+// import '@/assets/styles/index.scss' // global css
+// import '@/assets/styles/zkqy.scss' // zkqy css
+require('@/assets/styles/index.scss')  // global css
+require('@/assets/styles/zkqy.scss')  // zkqy css
 import App from './App'
 import store from './store'
 
@@ -43,8 +53,10 @@ import directive from './directive' // directive
 import plugins from './plugins' // plugins
 import { download } from '@/utils/request'
 
-import './assets/icons' // icon
-import './permission' // permission control
+// import './assets/icons' // icon
+// import './permission' // permission control
+require('./assets/icons')  // icon
+require('./permission')  // permission control
 import { getDicts } from "@/api/system/dict/data";
 import { getConfigKey } from "@/api/system/config";
 import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, handleTree } from "@/utils/zkqy";