study/vue-component-creater-ui
1
0
Fork 0
mirror of https://github.com/sahadev/vue-component-creater-ui.git synced 2025-06-06 13:04:05 +08:00
Code Issues Releases Wiki Activity

update: 框架样式调整

Browse Source
This commit is contained in:
shangbin 2021-12-06 14:57:28 +08:00
parent f49cca3044
commit 9d5c44b694
6 changed files with 26 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
index.html
View File

@ -6,8 +6,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title>
</head>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
}
</style>
<body>
<div id="app"></div>
<div id="app" style="height:100%;"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>

2
package-lock.json generated
View File

@ -1137,7 +1137,7 @@
},
"@element-plus/icons": {
"version": "0.0.11",
"resolved": "https://r.cnpmjs.org/@element-plus/icons/download/@element-plus/icons-0.0.11.tgz",
"resolved": "https://rg.cnpmjs.org/@element-plus/icons/download/@element-plus/icons-0.0.11.tgz",
"integrity": "sha1-mxh8ACd0VIuRGFDRf6X8L5pRX1c="
},
"@hapi/address": {

1
package.json
View File

@ -23,6 +23,7 @@
},
"dependencies": {
"@babel/parser": "^7.11.5",
"@element-plus/icons": "0.0.11",
"@originjs/vite-plugin-require-context": "^1.0.9",
"@vitejs/plugin-vue": "^1.10.0",
"@vue/compat": "^3.2.22",

2
public/index.html
View File

@ -11,7 +11,7 @@
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<div id="app" style="height:100%;"></div>
<!-- built files will be auto injected -->
</body>
</html>

18
src/components/RawComponents.vue
View File

@ -19,15 +19,17 @@
<div>
<el-dropdown @command="handleCommand">
<span class="el-dropdown-link">
<i ref="help" class="el-icon-question" style="font-size:22px;color:#4dba87;"></i>
<el-icon style="font-size:22px;color:#4dba87;"><question-filled /></el-icon>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item icon="el-icon-circle-check">基础组件数: {{ componentUnitNum }}
</el-dropdown-item>
<el-dropdown-item icon="el-icon-document" command="lcg">LCG平台</el-dropdown-item>
<el-dropdown-item icon="el-icon-document" command="help">说明文档</el-dropdown-item>
<el-dropdown-item icon="el-icon-chat-line-round" command="chat">在线沟通</el-dropdown-item>
</el-dropdown-menu>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item icon="el-icon-circle-check">基础组件数: {{ componentUnitNum }}
</el-dropdown-item>
<el-dropdown-item icon="el-icon-document" command="lcg">LCG平台</el-dropdown-item>
<el-dropdown-item icon="el-icon-document" command="help">说明文档</el-dropdown-item>
<el-dropdown-item icon="el-icon-chat-line-round" command="chat">在线沟通</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</div>
</div>

3
src/main.js
View File

@ -1,11 +1,14 @@
import { createApp, compile } from "vue";
import ElementPlus from "element-plus";
import { QuestionFilled } from "@element-plus/icons";
import "element-plus/dist/index.css";
import APP from "./App.vue";
function createBaseApp(renderComponent = {}) {
const app = createApp(renderComponent);
app.use(ElementPlus);
app.component("question-filled", QuestionFilled)
return app;
}