widgets

 <template>
 <template>
-  <div></div>
+  <WidgetIconBtn type="fav" :text="num" :option="option"></WidgetIconBtn>
 </template>
 </template>
 
 
 <script>
 <script>
 export default {
 export default {
-  name: 'WidgetFav'
+  name: 'WidgetFav',
+  props: {
+    num: String,
+    option: Object
+  }
 };
 };
 </script>
 </script>

@@ -32,8 +32,8 @@
     selectedColor: '#444',            // btn选中状态字体颜色（不设置默认与非选中一致）
     selectedColor: '#444',            // btn选中状态字体颜色（不设置默认与非选中一致）
     iconFontSize: 48,                 // icon字号（单位px）
     iconFontSize: 48,                 // icon字号（单位px）
     textFontSize: 20,                 // text字号（单位px）
     textFontSize: 20,                 // text字号（单位px）
-    textAlign: 'normal',              // text位置, 默认normal（支持normal, top, bottom）
-    textZoom: '',                     // text缩放
+    textAlign: 'top',                 // text位置, 默认normal（支持normal, top, bottom）
+    textZoom: 0.9,                    // text缩放
     textAutoChange: false,            // text自动增减，只支持number类型（受是否支持选中控制）
     textAutoChange: false,            // text自动增减，只支持number类型（受是否支持选中控制）
     emitName: ''                      // 点击触发事件名称
     emitName: ''                      // 点击触发事件名称
   };
   };

 <template>
 <template>
-  <div></div>
+  <WidgetIconBtn type="star" :text="num" :option="option"></WidgetIconBtn>
 </template>
 </template>
 
 
 <script>
 <script>
 export default {
 export default {
-  name: 'WidgetLike'
+  name: 'WidgetLike',
+  props: {
+    num: String,
+    option: Object
+  }
 };
 };
 </script>
 </script>

 <template>
 <template>
-  <div></div>
+    <WidgetIconBtn type="share" :text="num" :option="option"></WidgetIconBtn>
 </template>
 </template>
 
 
 <script>
 <script>
 export default {
 export default {
-  name: 'WidgetShare'
+  name: 'WidgetShare',
+  props: {
+    num: String,
+    option: Object
+  }
 };
 };
 </script>
 </script>