feat: 1.0.4 版本增加分享按钮

miniprogram/assets/fonts/iconfont.less

@@ -84,4 +84,8 @@
 
 .toy-icon-wechat-o:before {
   content: "\e727";
+}
+
+.toy-icon-wechat:before {
+  content: "\e727";
 }

miniprogram/pages/index/index.less

@@ -92,9 +92,9 @@ page {
     width: 100%;
     height: 190rpx;
     display: flex;
-    justify-content: center;
+    justify-content: space-between;
     background-color: #fff;
     box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.25);
-    padding-top: 24rpx;
+    padding: 24rpx 30rpx;
     box-sizing: border-box;
 }

miniprogram/pages/index/index.wxml

@@ -90,9 +90,19 @@
 </view>
 <view class="btn-area">
     <toy-button
+        openType="share"
         type="green"
+        bind:click="onShareAppMessage"
+        width="240rpx"
+        icon="wechat"
+        iconSize="50rpx"
+        icon-class-prefix="toy-icon">
+        分享
+    </toy-button>
+    <toy-button
+        type="primary"
         bind:click="exportToPrint"
-        width="680rpx"
+        width="400rpx"
         disabled="{{cardList.length <= 0}}"
         icon="download"
         icon-class-prefix="toy-icon">

miniprogram/ui/button/button.ts

@@ -10,6 +10,10 @@ Component({
             type: String,
             value: 'default', // primary, green, white
         },
+        openType: {
+            type: String,
+            value: '',
+        },
         plain: {
             type: Boolean,
             value: false, // 是否朴素按钮

miniprogram/ui/button/button.wxml

@@ -9,6 +9,7 @@
     data-loading="{{loading}}"
     style="{{style}};{{width ? 'width:' + width + ';' : ''}};{{height ? 'height:' + height + ';' : ''}}"
     session-from="{{ sessionFrom }}"
+    open-type="{{ disabled || loading ? '' : openType }}"
     send-message-title="{{ sendMessageTitle }}"
     send-message-path="{{ sendMessagePath }}"
     send-message-img="{{ sendMessageImg }}"