细节优化

src/components/PlayerScore.vue

@@ -108,5 +108,6 @@ const rowCount = new Array(6).fill(0);
 .container > text:nth-child(5) {
   width: 40px;
   text-align: right;
+  word-break: keep-all;
 }
 </style>

src/components/PointSwitcher.vue

@@ -23,7 +23,7 @@ const onClick = () => {
   >
     <view
       @click="onClick"
-      :style="{ transform: 'translateX(' + (mode ? '-58' : '2') + 'rpx)' }"
+      :style="{ transform: 'translateX(' + (mode ? '-58' : '4') + 'rpx)' }"
     >
       <text>放大</text>
       <view :style="{ background: mode ? '#D8D8D8' : '#53EF56' }"></view>
@@ -52,6 +52,7 @@ const onClick = () => {
   word-break: keep-all;
   padding: 0 12rpx;
   transition: all 0.3s ease;
+  transform: translateX(-58rpx);
 }
 .point-switcher > view > text:first-child {
   color: #53ef56;

src/components/SModal.vue

@@ -81,7 +81,7 @@ watch(
   align-items: center;
   opacity: 0;
   transition: all 0.3s ease;
-  z-index: 99;
+  z-index: 999;
 }
 .modal-content {
   width: 100%;

src/components/ScoreResult.vue

@@ -181,7 +181,7 @@ const getRing = (arrow) => {
   top: 0;
   left: 0;
   background-color: rgba(0, 0, 0, 0.8);
-  z-index: 5;
+  z-index: 999;
 }
 .container-header {
   margin-top: 20vh;

src/components/Signin.vue

@@ -10,10 +10,13 @@ import {
   loginAPI,
   getHomeData,
   getPhoneNumberAPI,
+  getDeviceBatteryAPI,
 } from "@/apis";
+
 import useStore from "@/store";
 const store = useStore();
-const { updateUser, updateDevice } = store;
+const { updateUser, updateDevice, updateOnline } = store;
+
 const props = defineProps({
   noBg: {
     type: Boolean,
@@ -94,6 +97,8 @@ const handleLogin = async () => {
   const devices = await getMyDevicesAPI();
   if (devices.bindings && devices.bindings.length) {
     updateDevice(devices.bindings[0].deviceId, devices.bindings[0].deviceName);
+    const data = await getDeviceBatteryAPI();
+    updateOnline(data.online);
   }
   loading.value = false;
   props.onClose();