forked from SmartBench/CMVR-IOT-UI
zhanghao
a59028227f
- Changed edge colors in vue-flow adapter for a cohesive retro look. - Updated feature colors and backgrounds in index.vue to match the new theme. - Enhanced login page styles with retro textures and colors. - Introduced a new retro.css file to define a comprehensive color palette and styles. - Adjusted various components to utilize the new retro styles, including buttons, inputs, and cards. - Improved responsiveness and accessibility in the login form and other UI elements.
99 lines
3.0 KiB
JavaScript
99 lines
3.0 KiB
JavaScript
import { createApp } from 'vue'
|
|
|
|
import Cookies from 'js-cookie'
|
|
|
|
import ElementPlus from 'element-plus'
|
|
import 'element-plus/dist/index.css'
|
|
import 'element-plus/theme-chalk/dark/css-vars.css'
|
|
import locale from 'element-plus/es/locale/lang/zh-cn'
|
|
|
|
import '@/assets/styles/index.scss' // global css
|
|
import '@/styles/retro.css' // retro theme overrides must load after Element Plus and the base styles
|
|
|
|
import App from './App'
|
|
import store from './store'
|
|
import router from './router'
|
|
import directive from './directive' // directive
|
|
import WebSocketPlugin from './plugins/websocket'
|
|
|
|
// 注册指令
|
|
import plugins from './plugins' // plugins
|
|
import { download } from '@/utils/request'
|
|
|
|
// svg图标
|
|
import 'virtual:svg-icons-register'
|
|
import SvgIcon from '@/components/SvgIcon'
|
|
import elementIcons from '@/components/SvgIcon/svgicon'
|
|
|
|
import './permission' // permission control
|
|
|
|
import { useDict } from '@/utils/dict'
|
|
import { getConfigKey } from "@/api/system/config"
|
|
import { parseTime, resetForm, addDateRange, handleTree, selectDictLabel, selectDictLabels } from '@/utils/ruoyi'
|
|
|
|
// 分页组件
|
|
import Pagination from '@/components/Pagination'
|
|
// 自定义表格工具组件
|
|
import RightToolbar from '@/components/RightToolbar'
|
|
// 富文本组件
|
|
import Editor from "@/components/Editor"
|
|
// 文件上传组件
|
|
import FileUpload from "@/components/FileUpload"
|
|
// 图片上传组件
|
|
import ImageUpload from "@/components/ImageUpload"
|
|
// 图片预览组件
|
|
import ImagePreview from "@/components/ImagePreview"
|
|
// 字典标签组件
|
|
import DictTag from '@/components/DictTag'
|
|
import { JsonViewer } from 'vue3-json-viewer'
|
|
import 'vue3-json-viewer/dist/index.css'
|
|
|
|
import ace from 'ace-builds'
|
|
import modeJsonUrl from 'ace-builds/src-noconflict/mode-json?url'
|
|
|
|
ace.config.setModuleUrl('ace/mode/json', modeJsonUrl)
|
|
|
|
const app = createApp(App)
|
|
|
|
// 全局方法挂载
|
|
app.config.globalProperties.useDict = useDict
|
|
app.config.globalProperties.download = download
|
|
app.config.globalProperties.parseTime = parseTime
|
|
app.config.globalProperties.resetForm = resetForm
|
|
app.config.globalProperties.handleTree = handleTree
|
|
app.config.globalProperties.addDateRange = addDateRange
|
|
app.config.globalProperties.getConfigKey = getConfigKey
|
|
app.config.globalProperties.selectDictLabel = selectDictLabel
|
|
app.config.globalProperties.selectDictLabels = selectDictLabels
|
|
|
|
// 全局组件挂载
|
|
app.component('DictTag', DictTag)
|
|
app.component('Pagination', Pagination)
|
|
app.component('FileUpload', FileUpload)
|
|
app.component('ImageUpload', ImageUpload)
|
|
app.component('ImagePreview', ImagePreview)
|
|
app.component('RightToolbar', RightToolbar)
|
|
app.component('Editor', Editor)
|
|
app.component('JsonViewer', JsonViewer)
|
|
|
|
app.use(router)
|
|
app.use(store)
|
|
app.use(plugins)
|
|
app.use(elementIcons)
|
|
app.use(WebSocketPlugin, {
|
|
url: import.meta.env.VITE_WS_URL,
|
|
userId: 'your_user_id'
|
|
})
|
|
app.component('svg-icon', SvgIcon)
|
|
|
|
directive(app)
|
|
|
|
// 使用element-plus 并且设置全局的大小
|
|
app.use(ElementPlus, {
|
|
locale: locale,
|
|
// 支持 large、default、small
|
|
size: Cookies.get('size') || 'default'
|
|
})
|
|
|
|
app.mount('#app')
|