From 6ae0af1aeb70efb04dd6e15905df2a68fe8da6b3 Mon Sep 17 00:00:00 2001 From: baishun Date: Mon, 5 Dec 2022 16:06:59 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E4=BA=86=E9=83=A8=E5=88=86BG?= =?UTF-8?q?-UI=E7=9A=84Demo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 3 + index.html | 23 +-- src/App.vue | 229 ++++++++++++++++++++++++++-- src/assets/reset.css | 75 +++++++++ src/components/componentWrapper.vue | 56 +++++++ src/main.js | 7 +- 6 files changed, 369 insertions(+), 24 deletions(-) create mode 100644 src/assets/reset.css create mode 100644 src/components/componentWrapper.vue diff --git a/.gitignore b/.gitignore index cb0da3d..c65d1ad 100644 --- a/.gitignore +++ b/.gitignore @@ -21,3 +21,6 @@ dist-ssr *.njsproj *.sln *.sw? + + +.history diff --git a/index.html b/index.html index 795e4fb..a5f2f19 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,16 @@ - - - - - Vite + Vue - - -
- - + + + + + + BG-UI Demos + + + +
+ + + diff --git a/src/App.vue b/src/App.vue index 1b9f73b..8d25169 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,5 +1,23 @@ - diff --git a/src/assets/reset.css b/src/assets/reset.css new file mode 100644 index 0000000..e1a6f0a --- /dev/null +++ b/src/assets/reset.css @@ -0,0 +1,75 @@ +/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */ +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + padding: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: normal; +} + +ul { + list-style: none; +} + +button, +input, +select { + margin: 0; +} + +html { + box-sizing: border-box; +} + +*, *::before, *::after { + box-sizing: inherit; +} + +img, +video { + height: auto; + max-width: 100%; +} + +iframe { + border: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} diff --git a/src/components/componentWrapper.vue b/src/components/componentWrapper.vue new file mode 100644 index 0000000..68f2af7 --- /dev/null +++ b/src/components/componentWrapper.vue @@ -0,0 +1,56 @@ + + + + + diff --git a/src/main.js b/src/main.js index ebea135..e0cf48d 100644 --- a/src/main.js +++ b/src/main.js @@ -1,7 +1,12 @@ import { createApp } from "vue"; +import ElementPlus from "element-plus"; +import "element-plus/dist/index.css"; +import locale from "element-plus/lib/locale/lang/zh-cn"; + import App from "./App.vue"; +import "@/assets/reset.css"; import bgui from "@/bg-ui"; import "@/bg-ui/index.scss"; -createApp(App).use(bgui).mount("#app"); +createApp(App).use(ElementPlus, { locale, size: "small" }).use(bgui).mount("#app"); -- 2.26.0