fix(Icon): 修复组件 l-self-class 外部样式类无效问题

将所有引用 Icon 并使用 l-self-class 外部样式类的组件 class 名称移至 l-class 外部样式类

close #968

Author: murongg

src/image-picker/index.wxml

@@ -3,7 +3,7 @@
   <l-grid-item wx:for="{{ urls }}" wx:key="index" key="{{ index }}" slot="{{ index }}">
     <view class="item l-item-class" catchtap="onPreviewTap" data-index="{{ index }}">
       <view class="close" data-index="{{ index }}" catchtap="onDelTap">
-        <l-icon name="close" color="#fff" size="22" l-self-class="close-icon" />
+        <l-icon name="close" color="#fff" size="22" l-class="close-icon" />
       </view>
       <image class="{{size === 3? 'img': 'min-img'}}" mode="{{ mode }}" src="{{newOrOld==='old'? item:item.url }}" />
     </view>

src/list/index.wxml

@@ -13,7 +13,7 @@
 <template name="cell-left-main">
     <view class="left-section ">
         <image wx:if="{{image}}" class="l-image l-class-image l-image-class" src="{{image}}" mode="aspectFit|aspectFill|widthFix" />
-        <l-icon wx:elif="{{icon}}" l-self-class="l-icon" l-class="l-class-icon l-icon-class" name="{{icon}}" size="{{iconSize}}" color="{{iconColor}}" />
+        <l-icon wx:elif="{{icon}}" l-class="l-icon l-class-icon l-icon-class" name="{{icon}}" size="{{iconSize}}" color="{{iconColor}}" />
         <view class="l-text">
             <view class="l-content l-class-content l-content-class">{{title}}</view>
             <view class="l-desc l-class-desc l-desc-class" wx:if="{{desc}}">{{desc}}</view>

src/segment/index.wxml

@@ -22,6 +22,6 @@
 </view>
 <template name="tab-item">
     <image wx:if="{{ item.image.activeImage || item.image.defaultImage }}" src="{{item.key===activeKey? item.image.activeImage:item.image.defaultImage}}" class="l-tab-image l-class-tabimage l-tab-image-class" />
-    <l-icon wx:if="{{item.icon}}" l-class="l-class-icon l-icon-class" l-self-class="{{item.key===activeKey ? 'l-icon-active':'l-icon-inactive'}}" name="{{item.icon}}" color="{{item.key===activeKey?activeColor:inactiveColor}}" size="{{item.iconSize}}"/>
+    <l-icon wx:if="{{item.icon}}" l-class="l-class-icon l-icon-class {{item.key===activeKey ? 'l-icon-active':'l-icon-inactive'}}" name="{{item.icon}}" color="{{item.key===activeKey?activeColor:inactiveColor}}" size="{{item.iconSize}}"/>
     {{item.tab}}
 </template>

src/tabs/index.wxml

@@ -20,8 +20,9 @@
         <image wx:if="{{ item.image.activeImage || item.image.defaultImage }}"
                src="{{item.key===activeKey? item.image.activeImage:item.image.defaultImage}}"
                class="l-tab-image l-class-tabimage l-tabimage-class"/>
-        <l-icon wx:if="{{item.icon}}" l-class="l-class-icon l-icon-class"
-                l-self-class="{{item.key===activeKey ? 'l-icon-active':'l-icon-inactive'}}" name="{{item.icon}}"
+        <l-icon wx:if="{{item.icon}}" 
+                l-class="l-class-icon l-icon-class {{item.key===activeKey ? 'l-icon-active':'l-icon-inactive'}}"
+                name="{{item.icon}}"
                 color="{{item.key===activeKey?activeColor:inactiveColor}}" size="{{item.iconSize}}"/>
         {{item.tab}}
         <slot wx:if="{{!item.tab}}" name="{{item.key+'.tab'}}"></slot>