Browse Source

新增游戏说明弹窗

tanxue 6 months ago
parent
commit
9a5deccf8d
2 changed files with 28 additions and 6 deletions
  1. 1 1
      pages/game/components/foodSelect.vue
  2. 27 5
      pages/game/index.vue

+ 1 - 1
pages/game/components/foodSelect.vue

@@ -17,7 +17,7 @@
 			</view>
 			</view>
 			<view class="food-list-box">
 			<view class="food-list-box">
 				<view v-for="item in foodSpeciesList" :key="item.id" @click="handleSelectFood(item)" class="food-item-box">
 				<view v-for="item in foodSpeciesList" :key="item.id" @click="handleSelectFood(item)" class="food-item-box">
-					<image :src="item.imgUrl" />
+					<image :src="item.imgUrl" class="food-image"/>
 					<view class="food-item-jf">
 					<view class="food-item-jf">
 						<icon class="jf-icon"></icon>
 						<icon class="jf-icon"></icon>
 						<text class="jf-text" >{{item.credit}}</text>
 						<text class="jf-text" >{{item.credit}}</text>

+ 27 - 5
pages/game/index.vue

@@ -19,23 +19,45 @@
 		<view class="yxsm-btn" @click="showTishi"></view>
 		<view class="yxsm-btn" @click="showTishi"></view>
 		<!-- 游戏说明 -->
 		<!-- 游戏说明 -->
 		<commonDialogVue ref="dlRef">
 		<commonDialogVue ref="dlRef">
-			<view>
-				<text>这是内容区域</text>
-				<button @click="handleClose">关闭</button>
+			<view class="yxsm-popup-box">
+				<view class="yxsm-popup-title">陪伴宠物鹅系统详细说明</view>
+				<view class="yxsm-item-box">
+					<view v-for="(item, index) in yxsmContent" :key="index">
+						<view class="item-title">{{item.title}}</view>
+						<text class="item-content">{{item.content}}</text>
+					</view>
+				</view>
+				<icon @click="handleClose" class="yxsm-close-btn"></icon>
 			</view>
 			</view>
 		</commonDialogVue>
 		</commonDialogVue>
 	</view>
 	</view>
 </template>
 </template>
 
 
 <script setup>
 <script setup>
-	import {ref} from "vue";
+	import {ref,reactive} from "vue";
 	import foodVue from "./components/food.vue";
 	import foodVue from "./components/food.vue";
 	import gooseVue from "./components/goose.vue";
 	import gooseVue from "./components/goose.vue";
 	import foodSelectVue from "./components/foodSelect.vue";
 	import foodSelectVue from "./components/foodSelect.vue";
 	import commonDialogVue from "@/components/dialog/commonDialog.vue";
 	import commonDialogVue from "@/components/dialog/commonDialog.vue";
 	import { useGame } from "./useGame";
 	import { useGame } from "./useGame";
 	const {	credit,growth,growthType,progress,shiwuId ,handleWeishi } = useGame();
 	const {	credit,growth,growthType,progress,shiwuId ,handleWeishi } = useGame();
-	
+	const yxsmContent = reactive([{
+			title: '宠物鹅获取',
+			content: '学生首次注册并登录 APP 时,系统自动发放一颗宠物鹅蛋,开启养鹅之旅。每个账号有且仅有一次领取鹅蛋的机会,确保公平性,这颗蛋便是学生与宠物鹅相伴成长的起点。',
+	},{
+			title: '成长阶段',
+			content: `1. 破壳期(初始状态):刚获得的鹅蛋代表宠物鹅的初始形态,成长值为 0,静静等待成长契机。
+					2. 幼年期:当学生通过学习积累的经验值达到 1000 时,鹅蛋孵化,宠物鹅进入幼年期,模样娇小可爱,开启成长新篇。
+					3. 青年期:随着学习推进,经验值累计至 3000,幼鹅成长为青年鹅,体型增大,羽毛渐丰,活力更足。
+					4. 成年期:若学生持之以恒学习,使经验值攀升至 7000,青年鹅将进化为成年鹅,外形成熟矫健,成为学生学习路上的暖心陪伴。`,
+	},{
+			title: '积分规则',
+			content: `1. 学习课程积分:APP 提供丰富视频课程,学生首次完整学完一门课程,就能获得 30 积分。系统会记录学习情况,重复学习同一课程不再积分,激励学生探索新内容。
+					2. 答题积分:各章节配有单元测试,学生首次答题,每答对一题获 10 积分,答错无积分。重复测试以首次答题结果为准,促使学生认真对待初次测试。
+					3. 蛋糕兑换积分:
+						- 学生可用积分兑换成长值蛋糕,100 积分换 30 成长值蛋糕、300 积分换 100 成长值蛋糕、600 积分换 300 成长值蛋糕,为宠物鹅成长助力。
+						- 每天限定兑换2次成长值蛋糕。`,
+	}]);
 	const foodSelectRef = ref(null);
 	const foodSelectRef = ref(null);
 	const dlRef = ref(null);
 	const dlRef = ref(null);