激活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 :class="{'andriod': isAndriod, 'ios': isIOS}"></span>
+              <span :class="{'android': isAndroid, '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 :class="{'andriod': isAndriod, 'ios': isIOS}"></span>
+              <span :class="{'android': isAndroid, 'ios': isIOS}"></span>
             </div>
           </td>
         </tr>
@@ -90,7 +90,7 @@ export default {
     return {
       showLoading: false,
       isWeb: window.__isWeb,
-      isAndriod: window.__isAndroid,
+      isAndroid: window.__isAndroid,
       isIOS: window.__isIOS,
       bgColor: "#fff",
       isShow: false,
@@ -285,6 +285,7 @@ export default {
           span:nth-child(2) {
             background: rgba(68, 146, 132, 1);
           }
+          andriod
           span.android:nth-child(2) {
             bottom: px2rem(-13px);
           }