installed element ui

AmberWow123 · AmberWow123 · commit 92a8ede1364e · 2019-08-20T15:54:29.000+08:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,6 +9,7 @@
   },
   "dependencies": {
     "core-js": "^2.6.5",
+    "element-ui": "^2.11.1",
     "vue": "^2.6.10"
   },
   "devDependencies": {
@@ -18,6 +19,7 @@
     "babel-eslint": "^10.0.1",
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.0.0",
+    "vue-cli-plugin-element": "^1.0.1",
     "vue-template-compiler": "^2.6.10"
   },
   "eslintConfig": {
diff --git a/public/index.html b/public/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>hello-world-2</title>
+    <title>hello-world-2 test</title>
   </head>
   <body>
     <noscript>
diff --git a/src/App.vue b/src/App.vue
@@ -1,6 +1,14 @@
 <template>
   <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png">
+    <img src="./assets/logo.png">
+    <div>
+      <p>
+        If Element is successfully added to this project, you'll see an
+        <code v-text="'<el-button>'"></code>
+        below
+      </p>
+      <el-button>el-button</el-button>
+    </div>
     <HelloWorld msg="Welcome to Your Vue.js App"/>
   </div>
 </template>
diff --git a/src/components/Todo/Todo.vue b/src/components/Todo/Todo.vue
@@ -0,0 +1,47 @@
+<!--<template>
+    <div class="todo">
+        <h1>FHDATime</h1>
+        <div class="todoList" v-for="todoList in todo" v-bind:key="todoList.id">
+            {{todoList.title}}
+        </div>
+        <p>quarter</p>
+        
+        
+    </div>
+
+</template> -->
+
+<template>
+  <div>
+    <el-button type="success">测试</el-button>
+  </div>
+  <div class = "el-row" style = "margin-left: -6px; margin-right: -6px;">
+
+  </div>
+</template>
+
+<!--<script>
+export default {
+    name: "Todo",
+    data() {
+        return {
+            todo: [
+                {
+                    id: 1,
+                    title: "id:one",
+                    completed: false
+                },
+                {
+                    id: 2,
+                    title: "id:two",
+                    completed: true
+                }
+            ]
+        };
+    }
+};
+</script> -->
+
+<style>
+
+</style>
diff --git a/src/main.js b/src/main.js
@@ -1,8 +1,14 @@
 import Vue from 'vue'
 import App from './App.vue'
 
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+import './plugins/element.js'
+Vue.use(ElementUI)
+
 Vue.config.productionTip = false
 
 new Vue({
   render: h => h(App),
 }).$mount('#app')
+
diff --git a/src/plugins/element.js b/src/plugins/element.js
@@ -0,0 +1,5 @@
+import Vue from 'vue'
+import Element from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+
+Vue.use(Element)
