fix(Tabs): 修复添加徽标后点击事件无法触发的问题

close #1070

Author: juzi214032

examples/pages/components/form/pages/rate/index.wxml

@@ -1,12 +1,29 @@
 <!--pages/components/form/pages/rate/index.wxml-->
 <view class='container'>
+
+   <!-- 这行没有问题 -->
+   <view class="rete-container">
+    <l-rate score="3" size="22" disabled/>
+    <text class="score">3</text>
+  </view>
+
+  <!-- 这行有问题 -->
+  <view class="rete-container">
+    <l-rate inActive-image="https://i.loli.net/2020/12/11/7KfVXNFEakHio3m.png" active-image="https://i.loli.net/2020/12/11/EbGrIn2iglChmwR.png"
+    score="3"
+    disabled
+    l-image-class="star"/>
+    <text class="score">7</text>
+  </view>
   <content-title name="Rate" describe="评分">
-    <content-card class="content" name="基本案例">
-      <l-rate/>
-    </content-card>
+ 
 
     <content-card class="content" name="设置默认选中的个数">
-      <l-rate score="3" />
+      <l-rate inActive-image="https://i.loli.net/2020/12/11/7KfVXNFEakHio3m.png" active-image="https://i.loli.net/2020/12/11/EbGrIn2iglChmwR.png"
+    score="3"
+    disabled
+    l-image-class="star"/>
+    <text class="score">7</text>
     </content-card>
 
     <content-card class="content" name="设置默认选中的个数(小数类型)">

examples/pages/components/form/pages/rate/index.wxss

@@ -11,4 +11,20 @@
 
 .l-icon-shouye:before {
   content: "\e73d";
+}
+
+.rete-container{
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  margin-top: 6rpx;
+}
+
+.star{
+  width: 22rpx!important;
+  height: 22rpx!important;
+}
+.score{
+  margin-left: 20rpx !important;
+  font-size: 24rpx !important;
 }

examples/pages/components/nav/pages/tabs/index.wxml

@@ -14,6 +14,20 @@
       </l-tabs>
     </content-card>
 
+    <content-card l-content="content" name="红点与徽标">
+      <l-tabs l-class-header-line="header-line" scrollable>
+        <l-tabpanel tab="客厅" key="1" slot="1">
+          <view class="tab-content">客厅</view>
+        </l-tabpanel>
+        <l-tabpanel badge-count="8" tab="卧室" key="2" slot="2">
+          <view class="tab-content">卧室</view>
+        </l-tabpanel>
+        <l-tabpanel tab="厨房" dot-badge="{{true}}" key="3" slot="3">
+          <view class="tab-content">厨房</view>
+        </l-tabpanel>
+      </l-tabs>
+    </content-card>
+
     <content-card l-content="content" name="非等宽标签">
       <l-tabs l-class-header-line="header-line" equal-width="{{false}}" scrollable animatedForLine="{{true}}">
         <l-tabpanel tab="精选" key="one" slot="one">

src/tabs/index.wxml

@@ -30,7 +30,7 @@
         data-index="{{index}}"
         data-class="{{item.badgeCount}}"
         mut-bind:tap="handleChange">
-        <l-badge l-self-class="badge-view" l-class="l-badge-class" wx:if="{{(item.badgeCount > 0 || item.dotBadge )}}" value="{{item.badgeCount}}" dot="{{item.dotBadge}}" max-count="{{item.badgeMaxCount}}" number-type="{{item.badgeCountType}}">
+        <l-badge data-key="{{item.key}}" data-index="{{index}}" mut-bind:lintap="handleChange" l-self-class="badge-view" l-class="l-badge-class" wx:if="{{(item.badgeCount > 0 || item.dotBadge )}}" value="{{item.badgeCount}}" dot="{{item.dotBadge}}" max-count="{{item.badgeMaxCount}}" number-type="{{item.badgeCountType}}">
           <template is="tab-item" data="{{item,activeKey,activeColor,inactiveColor}}" />
         </l-badge>
         <template wx:else is="tab-item" data="{{item,activeKey,activeColor,inactiveColor}}" />