add color 颜色

 <h1>公有样式示例</h1>
 <h1>公有样式示例</h1>
 
 
 <h2>color</h2>
 <h2>color</h2>
-统一色号(css 中使用统一变量)
+统一色号(css 中使用统一变量)<br>
 
 
-主色调：
-底色:
-红色:
+黑色: <span class="example color black"></span> $black;<br>
+白色: <span class="example color white"></span> $white;<br>
+红色: <span class="example color red"></span> $red;<br>
+绿色: <span class="example color green"></span> $green;<br>
+灰色: <span class="example color grey"></span> $grey;<br>
+蓝色: <span class="example color blue"></span> $blue;<br>
 
 
 <h2>icon</h2>
 <h2>icon</h2>
 iconfont 新建项目，使用 class 控制图标样式，不要用 unicode
 iconfont 新建项目，使用 class 控制图标样式，不要用 unicode
@@ -31,8 +34,6 @@ iconfont 新建项目，使用 class 控制图标样式，不要用 unicode
 支持 一个按钮，两个按钮，多个按钮
 支持 一个按钮，两个按钮，多个按钮
 每个按钮支持自定义事件
 每个按钮支持自定义事件
 
 
-<h2>Handlebars Template</h2>
-<p>Hello,<span id="hbs-placeholder"></span>!</p>
 
 
 <h2>Vue 示例</h2>
 <h2>Vue 示例</h2>
 
 

+$black: #000;
+$white: #fff;
+$red: #ff081c;
+$green: #1ed96c;
+$grey: #b0b0b0;
+$blue: #3790de;

+.example.color {
+    display: inline-block;
+    width: 18px;
+    height: 18px;
+    border: 1px solid #999;
+
+    &.black {
+        background: $black;
+    }
+
+    &.white {
+        background: $white;
+    }
+
+    &.red {
+        background: $red;
+    }
+
+    &.green {
+        background: $green;
+    }
+
+    &.grey {
+        background: $grey;
+    }
+
+    &.blue {
+        background: $blue;
+    }
+}

 @charset "utf-8";
 @charset "utf-8";
 @import "common/index";
 @import "common/index";
+@import "example/index";