代码整理3

src/pages/start/index.vue

@@ -3,98 +3,53 @@
     <!--    计费面板模块-->
     <div class="game_panel padding-top-sm">
       <van-row gutter="16">
-        <van-col
-          span="8"
-          offset="2"
-        >
-          <view class="text-sm">
-            <text class="title">本次游玩时间</text>
-          </view>
+        <van-col span="8" offset="2">
+          <view class="text-sm"><text class="title">本次游玩时间</text></view>
           <view class="text-lg padding-top">
             <text class="count_down_text">{{ played_time_text }}</text>
           </view>
         </van-col>
-        <van-col
-          span="10"
-          offset="4"
-        >
+        <van-col span="10" offset="4">
           <view class="text-sm">
             <text class="title">计费模式</text>
             <text class="type padding-left-sm">{{ mode_item.name }}</text>
           </view>
-          <button
-            class="cu-btn bg-red text-white margin-top-sm"
-            @click="game_finished"
-            :disabled="executed"
-          >
-            <img
-              src="https://img.shuimuai.com/m_duankainaohuan.png"
-              class="cut_brain_icon"
-              alt=""
-            />
+          <button class="cu-btn bg-red text-white margin-top-sm" @click="game_finished" :disabled="executed">
+            <img src="https://img.shuimuai.com/m_duankainaohuan.png" class="cut_brain_icon" alt=""/>
             <text class="padding-lr cut_text text-sm">结束训练</text>
           </button>
         </van-col>
       </van-row>
     </div>
-
     <!--    设备状态-->
     <div class="game_status padding-tb">
       <van-row>
-        <van-col
-          span="8"
-        >
-          <div
-            class="flex flex-direction align-center justify-center"
-            v-if="device_bg"
-          >
-            <img
-              src="https://img.shuimuai.com/web/touhuanzhuangtai_2.png"
-              alt=""
-              class="device_img"
-            />
+        <van-col span="8">
+          <div class="flex flex-direction align-center justify-center" v-if="device_bg">
+            <img src="https://img.shuimuai.com/web/touhuanzhuangtai_2.png" alt="" class="device_img" />
             <text class="text-default">已经正确佩戴</text>
           </div>
-          <div
-            class="flex flex-direction align-center justify-center"
-            v-else
-          >
-            <img
-              src="https://img.shuimuai.com/web/touhuanzhuangtai_3.png"
-              alt=""
-              class="device_img"
-            />
+          <div class="flex flex-direction align-center justify-center" v-else>
+            <img src="https://img.shuimuai.com/web/touhuanzhuangtai_3.png" alt="" class="device_img"/>
             <text class="text-default">未正确佩戴</text>
           </div>
         </van-col>
         <van-col span="8">
           <div class="flex flex-direction align-center justify-center">
             <view class="elc_power_container">
-              <img
-                src="https://img.shuimuai.com/web/dianchi_3.png"
-                alt=""
-                :style="{ width: device_power + '%' }"
-                class="device_elc"
-              />
+              <img src="https://img.shuimuai.com/web/dianchi_3.png" alt="" :style="{ width: device_power + '%' }" class="device_elc" />
             </view>
             <text class="text-default">脑机电量</text>
           </div>
         </van-col>
-
         <van-col span="8" v-if="is_new">
           <div class="flex flex-direction align-center justify-center">
             <view class="elc_power_container">
-              <img
-                src="https://img.shuimuai.com/web/dianchi_3.png"
-                alt=""
-                :style="{ width: toy_power + '%' }"
-                class="device_elc"
-              />
+              <img src="https://img.shuimuai.com/web/dianchi_3.png" alt="" :style="{ width: toy_power + '%' }" class="device_elc" />
             </view>
             <text class="text-default">教具电量</text>
           </div>
         </van-col>
-
         <van-col span="8">
           <div class="flex flex-direction align-center justify-center">
             <text style="color:white;">{{ rssi }}dBm</text>
@@ -103,35 +58,21 @@
         </van-col>
       </van-row>
     </div>
-
     <!--  环形实时数据  -->
     <div class="circle_container">
       <van-circle :value="online_att" layer-color="#49465E" color="#FFB400" stroke-width="7" :speed="0">
         <view class="circle_text">
-          <text class="online_att_txt">
-            {{ online_att }}
-          </text>
-          <view class="online_desc">
-            <!--            <text class="online_desc">-->
-            {{ online_att_desc }}
-            <!--            </text>-->
-          </view>
+          <text class="online_att_txt">{{ online_att }}</text>
+          <view class="online_desc">{{ online_att_desc }}</view>
         </view>
       </van-circle>
       <van-circle :value="online_med" layer-color="#49465E" color="#40FF31" stroke-width="7" :speed="0">
         <view class="circle_text">
-          <text class="online_med_txt">
-            {{ online_med }}
-          </text>
-          <view class="online_desc">
-            <!--            <text class="online_desc">-->
-            {{ online_med_desc }}
-            <!--            </text>-->
-          </view>
+          <text class="online_med_txt">{{ online_med }}</text>
+          <view class="online_desc">{{ online_med_desc }}</view>
         </view>
       </van-circle>
     </div>
-
     <!--    图标模块-->
     <div class="ec_container">
       <view class="chart_view_first margin-tb-xl">
@@ -163,7 +104,6 @@
           />
         </view>
       </view>
-
       <view class="chart_view_second margin-tb-xl">
         <view class="bar">
           <view>
@@ -178,35 +118,30 @@
                   <view class="name">Delta</view>
                 </view>
               </van-col>
-
               <van-col span="8">
                 <view>
                   <view class="dot dot-theta"></view>
                   <view class="name">Theta</view>
                 </view>
               </van-col>
-
               <van-col span="8">
                 <view>
                   <view class="dot dot-low-beta"></view>
                   <view class="name">Low_Beta</view>
                 </view>
               </van-col>
-
               <van-col span="8">
                 <view>
                   <view class="dot dot-high-beta"></view>
                   <view class="name">High_Beta</view>
                 </view>
               </van-col>
-
               <van-col span="8">
                 <view>
                   <view class="dot dot-low-alpha"></view>
                   <view class="name">Low_Alpha</view>
                 </view>
               </van-col>
-
               <van-col span="8">
                 <view>
                   <view class="dot dot-high-alpah"></view>
@@ -214,8 +149,6 @@
                 </view>
               </van-col>
             </van-row>
-
-
           </view>
         </view>
         <view class="chart">
@@ -227,11 +160,9 @@
         </view>
       </view>
     </div>
-
     <van-dialog id="van-dialog"/>
     <van-toast id="van-toast"/>
     <van-notify id="van-notify"/>
-
   </div>
 </template>
 
@@ -739,7 +670,7 @@ export default {
   },
   // 页面卸载时候触发的生命周期
   onUnload() {
-    console.log("小程序被销毁");
+    console.log("训练页面被卸载！");
     if (!$this.is_end) {
       //存储时间
       game_store.setters.setPlayedTime($this.played_time);