ck@123911.net 2 月之前
父节点
当前提交
7426470ee9
共有 2 个文件被更改,包括 26 次插入15 次删除
  1. 6 0
      pages/isLand/HuaTian.scss
  2. 20 15
      pages/isLand/HuaTian.vue

+ 6 - 0
pages/isLand/HuaTian.scss

@@ -5,6 +5,12 @@
 	display: flex;flex-direction: column;justify-content: center;align-items: center;
 	z-index: 50;
 }
+.bgAlpha {
+	width:750rpx;height:100vh;
+	background-color: rgba(0, 0, 0, 0.01);
+	position: fixed;left:0;top:0;
+	
+}
 .task-board {
   padding: 30rpx;
   background: transparent;

+ 20 - 15
pages/isLand/HuaTian.vue

@@ -16,6 +16,7 @@ select_zz:7种花的view,默认应该隐藏,点击播种时显示,播种
 操作流程:
 默认显示待解锁的田地(其他几个图标都隐藏),点击"解锁荒地",点击"除草",点击"播种",到时间后点击"收获" -->
 	<view class="page" v-if="show">
+		<view class="bgAlpha" @click="onClose"></view>
 		<view class="task-board">
 			<view class="task_day" @click="handleTaskDayClick" :class="{'task-day-active': taskDayActive}">
 				<image src="../../static/island/huatian/btn_task_day.png" class="task"></image>
@@ -37,7 +38,7 @@ select_zz:7种花的view,默认应该隐藏,点击播种时显示,播种
 						  }" @click="handleFieldClick(index)">
 						<image v-if="!field.isUnlocked" src="../../static/island/huatian/suo.png" class="suo"></image>
 						<image v-if="field.flower && field.growthCompleted"
-							:src="`../../static/island/huatian/flower${field.flowerType}.png`" class="flower"></image>
+							:src="`../../static/island/items/flower${field.flowerType}.png`" class="flower"></image>
 						<image v-if="field.seedStage && field.isGrowing" src="../../static/island/huatian/zongzi.png"
 							class="flower"></image>
 						<image v-if="field.hasWeed && field.isUnlocked" src="../../static/island/huatian/zacao.png"
@@ -81,7 +82,7 @@ select_zz:7种花的view,默认应该隐藏,点击播种时显示,播种
 				<view class="item" v-for="(flower, idx) in flowers" :key="idx" @click="selectFlower(idx)"
 					v-if="flower.count > 0">
 					<view class="img">
-						<image :src="`../../static/island/huatian/flower${idx+1}.png`"></image>
+						<image :src="`../../static/island/items/flower${idx+1}.png`"></image>
 					</view>
 					<view class="foot">
 						{{flower.count}}
@@ -162,7 +163,8 @@ select_zz:7种花的view,默认应该隐藏,点击播种时显示,播种
 					</swiper-item>
 				</swiper>
 				<view class="tips-dots">
-					<view class="dot" v-for="index in 3" :key="index" :class="{'active': currentPage === index-1}"></view>
+					<view class="dot" v-for="index in 3" :key="index" :class="{'active': currentPage === index-1}">
+					</view>
 				</view>
 			</view>
 		</view>
@@ -292,7 +294,7 @@ select_zz:7种花的view,默认应该隐藏,点击播种时显示,播种
 					} else {
 						this.isFirstOpenHuaTian = false;
 					}
-					
+
 					uni.request({
 						url: this.$apiHost + '/Game/huatian/index',
 						method: 'POST',
@@ -318,7 +320,8 @@ select_zz:7种花的view,默认应该隐藏,点击播种时显示,播种
 								this.flowers = [];
 								for (let i = 1; i <= 7; i++) {
 									// 找到对应的种子数量
-									const seedBag = bagItems.find(item => item.type === 1 && item.tid === i);
+									const seedBag = bagItems.find(item => item.type === 1 && item.tid ===
+										i);
 
 									this.flowers.push({
 										id: i,
@@ -376,10 +379,12 @@ select_zz:7种花的view,默认应该隐藏,点击播种时显示,播种
 											if (land.plant_time) {
 												const plantTime = new Date(land.plant_time);
 												const now = new Date();
-												const growthHours = (now - plantTime) / (1000 * 60 * 60);
+												const growthHours = (now - plantTime) / (1000 *
+													60 * 60);
 
 												// 获取对应种子的生长周期
-												const seed = this.seeds.find(s => s.id === land.state);
+												const seed = this.seeds.find(s => s.id === land
+													.state);
 												const limitHours = seed ? seed.limit_time : 0;
 
 												if (growthHours >= limitHours) {
@@ -391,7 +396,8 @@ select_zz:7种花的view,默认应该隐藏,点击播种时显示,播种
 													// 未成熟,显示生长中
 													field.isGrowing = true;
 													field.seedStage = true;
-													field.remainingTime = Math.ceil((limitHours - growthHours) * 60 * 60);
+													field.remainingTime = Math.ceil((limitHours -
+														growthHours) * 60 * 60);
 													this.startGrowthTimer(fieldIndex);
 												}
 											}
@@ -434,7 +440,7 @@ select_zz:7种花的view,默认应该隐藏,点击播种时显示,播种
 												// 数据加载完成,显示界面
 												this.dataLoaded = true;
 												this.show = true;
-												
+
 												// 如果是第一次打开,显示提示对话框
 												if (this.isFirstOpenHuaTian) {
 													this.showTipsDialog = true;
@@ -657,8 +663,7 @@ select_zz:7种花的view,默认应该隐藏,点击播种时显示,播种
 					return;
 				}
 				if (this.plantMode) {
-					if (this.fields[index].canHarvest) {
-					}
+					if (this.fields[index].canHarvest) {}
 					this.handleFieldClickBZ(index);
 					return;
 				}
@@ -959,11 +964,11 @@ select_zz:7种花的view,默认应该隐藏,点击播种时显示,播种
 				const hours = Math.floor(seconds / 3600);
 				const minutes = Math.floor((seconds % 3600) / 60);
 				const secs = seconds % 60;
-				
+
 				// 获取当前时间,用于控制冒号闪烁
 				const now = new Date();
 				const blinkState = now.getSeconds() % 2 === 0;
-				
+
 				// 格式化为 "HH:MM" 格式
 				return `${hours.toString().padStart(2, '0')}${blinkState ? ':' : ' '}${minutes.toString().padStart(2, '0')}`;
 			},
@@ -1033,7 +1038,7 @@ select_zz:7种花的view,默认应该隐藏,点击播种时显示,播种
 				setTimeout(() => {
 					this.taskDayActive = false;
 				}, 200);
-				
+
 				// 如果mainLand存在,调用其onTaskClick方法
 				if (this.mainLand) {
 					// 关闭当前花田界面
@@ -1050,7 +1055,7 @@ select_zz:7种花的view,默认应该隐藏,点击播种时显示,播种
 			showHuaTianTips() {
 				this.showTipsDialog = true;
 			},
-			
+
 			// 关闭花田心得弹框
 			closeTipsDialog() {
 				this.showTipsDialog = false;