提交

components/detail-wuxian-lingzhu/detail-wuxian-lingzhu.vue

@@ -16,6 +16,9 @@
           <text>{{ localBossCardData.king_user.z_nums }}</text>
           发
         </view>
+        <view class="" v-if="localBossCardData.king_user == null">
+          虚位以待
+        </view>
       </view>
       <view class="flex ml40 mr30" @click="openBossPop">
         <text style="font-size: 20rpx; color: #999999;">查看更多 ></text>
@@ -24,7 +27,7 @@
 
     <!-- 领主弹窗 - 显示领主详细信息和挑战人数/领主记录 -->
     <uni-popup ref="bossPop" type="bottom" mask-background-color="rgba(0,0,0,0.8)">
-      <view v-if="localBossCardData && localBossCardData.king_user" class="boss-pop relative">
+      <view v-if="localBossCardData" class="boss-pop relative">
         <!-- 弹窗标题 -->
         <view class="boss-pop-title">
           <text>领主接力</text>
@@ -41,7 +44,7 @@
           <image :src="$img1('index/king.png')"></image>
 
           <view class="boss-name hang1">
-            {{ localBossCardData.king_user.nickname }}
+            {{ (localBossCardData.king_user == null ? "虚位以待" : localBossCardData.king_user.nickname) }}
           </view>
 
           <!-- 规则按钮 -->
@@ -67,8 +70,7 @@
         </view>
 
         <!-- 滚动列表区域 - 显示挑战人数或领主记录 -->
-        <child-scroll class="list-wrap" height="350rpx" ref="bossScroll" :fixed="false" :size="20"
-          @up="getBossData">
+        <child-scroll class="list-wrap" height="350rpx" ref="bossScroll" :fixed="false" :size="20" @up="getBossData">
           <view class="boss-list">
             <template v-for="(item, i) in bossList">
               <!-- 挑战人数列表项 -->
@@ -208,13 +210,13 @@ export default {
         }
       });
     },
-    
+
     /**
      * 打开领主弹窗
      */
     openBossPop() {
       this.$refs.bossPop.open();
-      
+
       // // 打开弹窗的同时加载挑战人数数据
       // this.$nextTick(() => {
       //   // 确保bossList是空的，避免重复加载
@@ -224,19 +226,19 @@ export default {
       //     this.$refs.bossScroll.mescroll.resetUpScroll();
       //     this.$refs.bossScroll.mescroll.scrollTo(0, 0);
       //   }
-        
+
       //   // 主动获取挑战人数数据
       //   this.getBossData({ num: 1, init: false });
       // });
     },
-    
+
     /**
      * 打开指定弹窗
      * @param {String} popName - 弹窗引用名称
      */
     open(popName) {
       this.$refs[popName].open();
-      
+
       // 如果是玩法规则弹窗，需要获取规则数据
       if (popName === 'playPop') {
         this.$c.getRule(14).then(res => {
@@ -246,7 +248,7 @@ export default {
         });
       }
     },
-    
+
     /**
      * 关闭指定弹窗
      * @param {String} popName - 弹窗引用名称
@@ -254,7 +256,7 @@ export default {
     close(popName) {
       this.$refs[popName].close();
     },
-    
+
     /**
      * 切换标签页
      * @param {Number} i - 标签页索引
@@ -267,7 +269,7 @@ export default {
       this.$refs.bossScroll.mescroll.resetUpScroll();
       this.$refs.bossScroll.mescroll.scrollTo(0, 0);
     },
-    
+
     /**
      * 获取挑战人数/领主记录列表数据
      * @param {Object} params - 参数对象
@@ -341,6 +343,7 @@ export default {
   }
 
   &-content {
+
     /* 领主昵称 */
     >view:nth-child(1) {
       font-weight: normal;
@@ -612,6 +615,7 @@ export default {
     height: 300rpx;
 
     .p-item {
+
       /* 物品图片 */
       .play-pic {
         margin: 0 auto 0;
@@ -642,4 +646,4 @@ export default {
     color: #8A8A8A;
   }
 }
-</style> 
+</style>

components/float-ball/FloatBall.vue

@@ -1,28 +1,28 @@
 <template>
- <view>
-   <!-- 悬浮球 -->
-   <template v-if="floatBall">
-    <view v-for="(item, index) in floatBall" :style="[getBallStyle(item)]" :key="index" class="group-fixed1"
-      @click="BallClick(item)">
-      <image :src="item.image"></image>
-    </view>
-  </template>
-
-  <!-- 悬浮球弹窗 -->
-  <uni-popup ref="floatBall_popup" type="center" maskBackgroundColor="rgba(0,0,0,0.8)">
-    <view class="pop-ball"
-      :style="{ backgroundImage: 'url(' + ballItem.image_bj + ')', backgroundSize: '100% 99.5%', backgroundRepeat: 'no-repeat' }">
-      <image show-menu-by-longpress v-if="ballItem != null" :src="ballItem.image_details" mode="aspectFit"
-        :style="[getPopupStyle(ballItem)]">
-      </image>
-    </view>
-    <view class="pop-ball-close flex" @click="$refs.floatBall_popup.close()">
-      <view style="width: 48rpx;height: 48rpx;border-radius: 50%;opacity: 0.5;">
-        <image show-menu-by-longpress :src="$img1('common/close.png')" class="img100" />
+  <view>
+    <!-- 悬浮球 -->
+    <template v-if="floatBall">
+      <view v-for="(item, index) in floatBall" :style="[getBallStyle(item)]" :key="index" class="group-fixed1"
+        @click="BallClick(item)">
+        <image :src="item.image"></image>
       </view>
-    </view>
-  </uni-popup>
- </view>
+    </template>
+
+    <!-- 悬浮球弹窗 -->
+    <uni-popup ref="floatBall_popup" type="center" maskBackgroundColor="rgba(0,0,0,0.8)">
+      <view class="pop-ball"
+        :style="{ backgroundImage: 'url(' + ballItem.image_bj + ')', backgroundSize: '100% 99.5%', backgroundRepeat: 'no-repeat' }">
+        <image show-menu-by-longpress v-if="ballItem != null" :src="ballItem.image_details" mode="aspectFit"
+          :style="[getPopupStyle(ballItem)]">
+        </image>
+      </view>
+      <view class="pop-ball-close flex" @click="$refs.floatBall_popup.close()">
+        <view style="width: 48rpx;height: 48rpx;border-radius: 50%;opacity: 0.5;">
+          <image show-menu-by-longpress :src="$img1('common/close.png')" class="img100" />
+        </view>
+      </view>
+    </uni-popup>
+  </view>
 </template>
 
 <script>
@@ -114,8 +114,8 @@ export default {
 }
 
 .pop-ball {
-  width: 506rpx;
-  height: 380px;
+  width: 85vw;
+  // height: 400px;
   position: relative;
   border-radius: 25rpx;
   display: flex;
@@ -136,11 +136,13 @@ export default {
   0% {
     transform: scale(1);
   }
+
   50% {
     transform: scale(0.9);
   }
+
   100% {
     transform: scale(1);
   }
 }
-</style> 
+</style>