fix(uni.css): 全局样式名冲突导致页面显示效果错位的问题

common/uni.css

@@ -150,7 +150,7 @@
 }
 
 
-.uni-icon {
+.uni-icon-size {
   width: 14px;
   height: 14px;
 }

pages/tabBar/API.uvue

@@ -19,7 +19,7 @@
               v-for="(page, key) in item.pages" :key="key" @click="goDetailPage(page)">
               <text class="uni-navigate-text"
                 :class="page.enable == false ? 'text-disabled' : ''">{{ page.name }}</text>
-              <image :src="arrowRightIcon" class="uni-icon"></image>
+              <image :src="arrowRightIcon" class="uni-icon-size"></image>
             </view>
           </uni-collapse-item>
         </template>

pages/tabBar/CSS.uvue

@@ -18,7 +18,7 @@
               v-for="(page, key) in item.pages" :key="key" @click="goDetailPage(page)">
               <text class="uni-navigate-text"
                 :class="page.enable == false ? 'text-disabled' : ''">{{ page.name }}</text>
-              <image :src="arrowRightIcon" class="uni-icon"></image>
+              <image :src="arrowRightIcon" class="uni-icon-size"></image>
             </view>
           </uni-collapse-item>
         </template>

pages/tabBar/component.uvue

@@ -18,7 +18,7 @@
               v-for="(page, key) in item.pages" :key="key" @click="goDetailPage(page)">
               <text class="uni-navigate-text"
                 :class="page.enable == false ? 'text-disabled' : ''">{{ page.name }}</text>
-              <image :src="arrowRightIcon" class="uni-icon"></image>
+              <image :src="arrowRightIcon" class="uni-icon-size"></image>
             </view>
           </uni-collapse-item>
         </template>

pages/tabBar/template.uvue

@@ -19,14 +19,14 @@
                   ? arrowUpIcon
                   : arrowDownIcon
                 : arrowRightIcon
-            " class="uni-icon">
+            " class="uni-icon-size">
           </image>
         </view>
         <view v-if="item.open">
           <view class="uni-navigate-item" :hover-class="page.enable == false?'':'is--active'"
             v-for="(page, key) in item.pages" :key="key" @click="goDetailPage(page)">
             <text class="uni-navigate-text" :class="page.enable == false ? 'text-disabled' : ''">{{ page.name }}</text>
-            <image :src="arrowRightIcon" class="uni-icon"></image>
+            <image :src="arrowRightIcon" class="uni-icon-size"></image>
           </view>
         </view>
       </view>