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

2
package-lock.json generated
View File

@ -1137,7 +1137,7 @@
}, },
"@element-plus/icons": { "@element-plus/icons": {
"version": "0.0.11", "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=" "integrity": "sha1-mxh8ACd0VIuRGFDRf6X8L5pRX1c="
}, },
"@hapi/address": { "@hapi/address": {

1
package.json
View File

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

2
public/index.html
View File

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

18
src/components/RawComponents.vue
View File

@ -19,15 +19,17 @@
<div> <div>
<el-dropdown @command="handleCommand"> <el-dropdown @command="handleCommand">
<span class="el-dropdown-link"> <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> </span>
<el-dropdown-menu slot="dropdown"> <template #dropdown>
<el-dropdown-item icon="el-icon-circle-check">基础组件数: {{ componentUnitNum }} <el-dropdown-menu>
</el-dropdown-item> <el-dropdown-item icon="el-icon-circle-check">基础组件数: {{ componentUnitNum }}
<el-dropdown-item icon="el-icon-document" command="lcg">LCG平台</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item icon="el-icon-document" command="help">说明文档</el-dropdown-item> <el-dropdown-item icon="el-icon-document" command="lcg">LCG平台</el-dropdown-item>
<el-dropdown-item icon="el-icon-chat-line-round" command="chat">在线沟通</el-dropdown-item> <el-dropdown-item icon="el-icon-document" command="help">说明文档</el-dropdown-item>
</el-dropdown-menu> <el-dropdown-item icon="el-icon-chat-line-round" command="chat">在线沟通</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown> </el-dropdown>
</div> </div>
</div> </div>

3
src/main.js
View File

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