优化代码

components/topNavigation/topNavigation.vue

@@ -1,19 +1,18 @@
 <template>
   <view class="topNavigation">
-    <view
-      @click="MakeAppointmentPK"
-      :class="{ Selectcss: !Select, NoSelectcss: Select }"
-      class="RealTime"
-      >今日PK</view
-    >
     <view
       @click="RealTimePk"
       :class="{ Selectcss: Select, NoSelectcss: !Select }"
-      class="MakeAppointment"
+      class="RealTime"
       >PK大厅</view
     >
+    <view
+      @click="MakeAppointmentPK"
+      :class="{ Selectcss: !Select, NoSelectcss: Select }"
+      class="MakeAppointment"
+      >今日PK</view
+    >
     <view @click="screening" class="Screening">筛选</view>
-    <!-- <image @click="Search" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Searching.png" class="filter-icon" /> -->
   </view>
 </template>
 
@@ -22,18 +21,18 @@ export default {
   data() {
     return {
       title: "Hello",
-      Select: false,
+      Select: true,//是否选中实时PK/今日PK false/大厅 true
     };
   },
   onLoad() {
     // 页面加载时执行
   },
   methods: {
-    MakeAppointmentPK() {
+    MakeAppointmentPK() {//点击今日PK
       this.Select = false;
       this.$emit("MakeAppointmentPK");
     },
-    RealTimePk() {
+    RealTimePk() {//点击PK大厅
       this.Select = true;
       this.$emit("RealTimePk");//触发实时PK事件
     },