iconfont

docs/.vuepress/components/lv-icon.vue

@@ -73,4 +73,10 @@ export default {
 .icon-friend:before {
     content: "\e60b";
 }
+.icon-share:before {
+  content: "\e610";
+}
+.icon-thumbs:before {
+  content: "\e611";
+}
 </style>

docs/components/README.md

@@ -73,12 +73,30 @@
 
 ----
 
-<lv-icon type="add" :fontSize="fontSize" :color="fontColor"></lv-icon>
-<lv-icon type="wechat" :fontSize="fontSize" :color="fontColor"></lv-icon>
-<lv-icon type="friend" :fontSize="fontSize" :color="fontColor"></lv-icon>
-<lv-icon type="addRound" :fontSize="fontSize" :color="fontColor"></lv-icon>
-<lv-icon type="share" :fontSize="fontSize" :color="fontColor"></lv-icon>
-<lv-icon type="thumbs" :fontSize="fontSize" :color="fontColor"></lv-icon>
+<div class="icon">
+    <lv-icon type="add" :fontSize="fontSize" :color="fontColor"></lv-icon>
+    <div class="unicode">&amp;#xe600;</div>
+</div>
+<div class="icon">
+    <lv-icon type="wechat" :fontSize="fontSize" :color="fontColor"></lv-icon>
+    <div class="unicode">&amp;#xe609;</div>
+</div>
+<div class="icon">
+    <lv-icon type="friend" :fontSize="fontSize" :color="fontColor"></lv-icon>
+    <div class="unicode">&amp;#xe60b;</div>
+</div>
+<div class="icon">
+    <lv-icon type="addRound" :fontSize="fontSize" :color="fontColor"></lv-icon>
+    <div class="unicode">&amp;#xe608;</div>
+</div>
+<div class="icon">
+    <lv-icon type="share" :fontSize="fontSize" :color="fontColor"></lv-icon>
+    <div class="unicode">&amp;#xe610;</div>
+</div>
+<div class="icon">
+    <lv-icon type="thumbs" :fontSize="fontSize" :color="fontColor"></lv-icon>
+    <div class="unicode">&amp;#xe611;</div>
+</div>
 
 ```vue
 <lv-icon type="add" fontSize="60"></lv-icon>
@@ -162,4 +180,14 @@ th {
     color: #000;
     background-color: #eee;
 }
+.icon {
+    margin: 0 10px;
+    text-align: center;
+    display: inline-block;
+}
+.icon .unicode {
+    color: #666;
+    font-size: 14px;
+    margin-top: 6px;
+}
 </style>