加入 parcel，将 button 组件改为单文件组件

FrankFang · Jun 23, 2018 · 783917e · 783917e
1 parent f8a8bac
commit 783917e
Show file tree

Hide file tree

Showing 6 changed files with 1,502 additions and 33 deletions.
diff --git a/button.js b/button.js
diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
   <title>轱辘</title>
   <style>
     * {margin: 0; padding: 0; box-sizing: border-box;}
-    :root {
+    html {
       --button-height: 32px;
       --font-size: 14px;
       --button-bg: white;
@@ -25,36 +25,12 @@
     }
   </style>
   <style>
-    .g-button {
-      font-size: var(--font-size);
-      height: var(--button-height);
-      padding: 0 1em;
-      border-radius: var(--border-radius);
-      border: 1px solid var(--border-color);
-      background: var(--button-bg);
-    }
-    .g-button:hover {
-      border-color: var(--border-color-hover);
-    }
-    .g-button:active {
-      background-color: var(--button-active-bg);
-    }
-    .g-button:focus {
-      outline: none;
-    }
   </style>
 </head>
 <body>
 <div id="app">
   <g-button></g-button>
 </div>
-
-<script src="./node_modules/vue/dist/vue.min.js"></script>
-<script src="./button.js"></script>
-<script>
-  new Vue({
-    el: '#app',
-  })
-</script>
+<script src="./src/app.js"></script>
 </body>
 </html>