细节调整

src/pages/my-device.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { ref, onMounted } from "vue";
 import Container from "@/components/Container.vue";
-import CoachComment from "@/components/CoachComment.vue";
+import ScreenHint from "@/components/ScreenHint.vue";
 import SButton from "@/components/SButton.vue";
 import { bindDeviceAPI, getMyDevicesAPI, unbindDeviceAPI } from "@/apis";
 import useStore from "@/store";
@@ -91,7 +91,7 @@ const backToHome = () => {
         <view @click="() => (showTip = true)">找不到我的弓箭？</view>
         <view @click="toDeviceIntroPage">我还没有弓箭</view>
       </view>
-      <CoachComment
+      <ScreenHint
         mode="square"
         :show="showTip"
         :onClose="() => (showTip = false)"
@@ -105,8 +105,8 @@ const backToHome = () => {
           <text>4. 连接成功后</text>
           <view>联系在线客服</view>
         </view>
-      </CoachComment>
-      <CoachComment
+      </ScreenHint>
+      <ScreenHint
         :show="confirmBindTip"
         :onClose="() => (confirmBindTip = false)"
       >
@@ -123,7 +123,7 @@ const backToHome = () => {
             <view @click="() => (confirmBindTip = false)">取消</view>
           </view>
         </view>
-      </CoachComment>
+      </ScreenHint>
     </view>
     <view v-if="justBind" class="just-bind">
       <view class="device-binded">
@@ -212,7 +212,7 @@ const backToHome = () => {
   display: flex;
   flex-direction: column;
   font-size: 14px;
-  transform: translateX(10px) translateY(65px);
+  transform: translateX(10px) translateY(-10px);
 }
 .scan-tips > text {
   margin-bottom: 2px;