部门排名

src/point/view/pointHome.vue

@@ -14,13 +14,6 @@
             </div>
             <div class="point-box flex-box">
               <span class="tp" @click.stop="showPoint=!showPoint" style="border-top-left-radius: 4px;border-bottom-left-radius: 4px;border-right: none;" :class="showPoint? 'pointActive':''">B分</span>
-              <span class="tp" @click.stop="goDeptRank" style="width: 1.3rem; text-align: center;" >
-<!--                <van-loading type="spinner" size="10px"  />-->
-                <van-loading v-if="!deptRank" type="spinner" size="10px"  />
-                <template v-else>
-                  部门排名
-                </template>
-              </span>
               <span class="tp" @click.stop="showPoint=!showPoint" style="border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-left: none;" :class="!showPoint? 'pointActive':''">A分</span>
             </div>
           </div>
@@ -48,7 +41,16 @@
           </div>
         </div>
         <van-grid :border="false" style="background-color: #fff;position: relative;" class="border-bottom">
+          <van-grid-item @click="goDeptRank">
+            <template #text>
+              <van-loading v-if="!deptRank" type="spinner" size="10px"/>
+              <span class="van-grid-item__text" v-else>部门排名</span>
+            </template>
+            <template #icon>
+              <img src="static/images/daiban.png" style="-webkit-touch-callout: none;"/>
+            </template>
 
+          </van-grid-item>
           <van-grid-item v-for="(app, app_index) in topMenuList" :dot="app.dot" :badge="app.badge" :key="app.code" @click="openUrl(4,app)" :text="app.code">
             <template slot="icon">
               <img :src="app.icon" style="-webkit-touch-callout: none;" />