feat: add CSS BEM

Author: Yingkaixiang

README.md

@@ -36,7 +36,7 @@
 ## 规范
 
 - [x] 使用 ESLint 作为编码规范。
-- [ ] 使用 CSS bem 规范。
+- [x] 使用 CSS bem 规范。
 - [x] 使用 Angular Commit 规范。
 
 ## 项目目录

components/button/src/button.vue

@@ -1,7 +1,7 @@
 <template>
   <button
     :disabled="disabled"
-    class="button"
+    class="demo__button_primary"
   >
     <slot />
   </button>

components/button/src/style.scss

@@ -1,9 +1,13 @@
-.button {
-  display: inline-block;
-  cursor: pointer;
-  user-select: none;
-  height: 32px;
-  padding: 0 15px;
-  font-size: 14px;
-  color: red;
+.demo {
+  &__button {
+    &_primary {
+      display: inline-block;
+      cursor: pointer;
+      user-select: none;
+      height: 32px;
+      padding: 0 15px;
+      font-size: 14px;
+      color: green;
+    }
+  }
 }