房间大乱斗调试

src/pages/index.vue

@@ -81,9 +81,9 @@ onMounted(async () => {
             mode="widthFix"
             @click="() => toPage('/pages/my-device')"
           />
-          <text>{{
-            user.id && !device.deviceId ? "请绑定设备" : "我的弓箭"
-          }}</text>
+          <text v-if="!user.id">我的弓箭</text>
+          <text v-if="user.id && !device.deviceId">请绑定设备</text>
+          <text v-if="user.id && device.deviceId">{{ device.deviceName }}</text>
           <image
             src="../static/a2@2x.png"
             mode="widthFix"
@@ -207,6 +207,7 @@ onMounted(async () => {
   top: 67%;
   left: 50%;
   transform: translate(-50%, -50%);
+  white-space: nowrap;
   font-size: 13px;
   color: #b3b3b3;
 }