激活tab的样式问题

src/views/index.vue

@@ -15,13 +15,13 @@
           <td @click="changeTab(1)" :class="{'active': tabIndex === 1}">
             <div class="tap-title">
               <span :style="{'color': tabIndex === 1 ? '#333' : '#999'}">我的项目</span>
-              <span></span>
+              <span :class="{'andriod': isAndriod, 'ios': isIOS}"></span>
             </div>
           </td>
           <td @click="changeTab(2)" :class="{'active': tabIndex === 2}">
             <div class="tap-title">
               <span :style="{'color': tabIndex === 2 ? '#333' : '#999'}">全部项目</span>
-              <span></span>
+              <span :class="{'andriod': isAndriod, 'ios': isIOS}"></span>
             </div>
           </td>
         </tr>
@@ -90,6 +90,8 @@ export default {
     return {
       showLoading: false,
       isWeb: window.__isWeb,
+      isAndriod: window.__isAndroid,
+      isIOS: window.__isIOS,
       bgColor: "#fff",
       isShow: false,
       navTitle: "继教课程",
@@ -283,6 +285,12 @@ export default {
           span:nth-child(2) {
             background: rgba(68, 146, 132, 1);
           }
+          span.android:nth-child(2) {
+            bottom: px2rem(-10px);
+          }
+          span.ios:nth-child(2) {
+            bottom: px2rem(-9px);
+          }
         }
       }
     }