v1.2.3

custom/pages/yuedong/challenge/exit.uvue

@@ -6,7 +6,9 @@ https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?pagetype
 	<view class="body">
 		<view class="content">
 			<view class="main">
+				<view class="topLogo"></view>
 				<view class="exit_game"></view>
+				<view class="btmLogo"></view>
 			</view>
 		</view>
 		
@@ -38,9 +40,9 @@ https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?pagetype
 	}
 
 	.content {
+		position: relative;
 		width: 100vw;
-		/* width: 750rpx; */
-		/* margin: 0 auto; */
+		background-color: #5e00d6;
 	}
 
 	.main {
@@ -53,10 +55,35 @@ https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?pagetype
 	.exit_game {
 		width: 100%;
 		height: 100vh;
-		background-image: url("/static/yuedong/challenge/exit_game.png");
+		background-image: url("/static/yuedong/challenge/exit_game_bg.png");
 		background-repeat: no-repeat;
 		background-position-x: center;
-		background-position-y: top;
-		background-size: 100% 100%;
+		background-position-y: center;
+		background-size: 100% auto;
 	}
+	
+	.topLogo {
+		position: absolute;
+		width: 100%;
+		height: 8vh;
+		background-image: url("/static/yuedong/challenge/logo3.png");
+		background-repeat: no-repeat;
+		background-position-x: 40rpx;
+		background-position-y: bottom;
+		background-size: 360rpx auto;
+	}
+	
+	.btmLogo {
+		position: absolute;
+		right: 50rpx;
+		bottom: 50rpx;
+		width: 100%;
+		height: 8vh;
+		background-image: url("/static/yuedong/challenge/ydryp.png");
+		background-repeat: no-repeat;
+		background-position-x: right;
+		background-position-y: bottom;
+		background-size: 360rpx auto;
+	}
+	
 </style>

custom/pages/yuedong/challenge/success.uvue

@@ -1,20 +1,22 @@
 <!-- 
-http://localhost:5174/custom/#/pages/yuedong/challenge/index?sublogo=sddx_jjyjy.png&subTitle=“筑梦宿州·创赢未来 ”特训营&accuracyLable=正确答题&actId=18&matchType=3&pagetype=challenge_result&distance=1320&status=success&name=天生我材必有用&cal=13500100&duration=3600&accuracy=50&syscount=25
-http://localhost:5174/custom/#/pages/yuedong/challenge/index?subTitle=山东大学123周年庆&actId=18&matchType=3&pagetype=challenge_result&distance=1320&status=success&name=天生我材必有用&cal=13500100&duration=3600&accuracy=50&syscount=25
-
-https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?sublogo=sddx_jjyjy.png&subTitle=“筑梦宿州·创赢未来 ”特训营&accuracyLable=正确答题&pagetype=challenge_result&distance=1320&status=success&name=天生我材必有用&cal=13500100&duration=3600&accuracy=50&syscount=25
+http://localhost:5174/custom/#/pages/yuedong/challenge/success?actId=18&matchType=3&pagetype=challenge_result&distance=1320&status=success&name=天生我材必有用&cal=13500100&duration=3600&accuracy=50&syscount=25
 https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?pagetype=challenge_result&distance=1320&status=success&name=天生我材必有用&cal=13500100&duration=3600&accuracy=50&syscount=25
  -->
 <template>
 	<view class="body">
 		<view class="content">
-			<view class="top"></view>
+			<view class="topBg"></view>
+			<view class="top uni-column">
+				<view class="topLogo"></view>
+			</view>
 			<view class="main">
 				<view class="main-content">
-					<view class="namebox">
+					<view class="namebox uni-column">
+						<image class="nameLogo" mode="aspectFit" src="/static/yuedong/challenge/logo.png"></image>
 						<text class="name">{{nameSub}}</text>
 					</view>
 					<view class="rank">
+						<image class="rankTopLogo" mode="aspectFit" src="/static/yuedong/challenge/yuedong.png"></image>
 						<view class="statistic">
 							<text class="statistic-title">总里程：</text>
 							<view class="statistic-right">
@@ -41,12 +43,13 @@ https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?pagetype
 								<text class="statistic-value">{{syscount}}</text><text class="statistic-unit"></text>
 							</view>
 						</view>
+						<image class="rankBtmLogo" mode="aspectFit" src="/static/yuedong/challenge/rfydpz.png"></image>
 					</view>
 				</view>
 			</view>
 			<!-- <view class="btnRankList" @click="btnRankList">点击查看排行榜</view> -->
 		</view>
-		
+
 		<my-fab></my-fab>
 	</view>
 </template>
@@ -70,7 +73,7 @@ https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?pagetype
 				sublogo: "",
 				subTitle: "",
 				accuracyLable: "",
-				
+
 				status: "",		// success: 挑战成功, ok: 挑战完成(没在规定时间完成，但打了所有点), fail: 挑战结束
 				name: "",		// 用户名
 				duration: 0,	// 总用时，秒
@@ -78,15 +81,15 @@ https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?pagetype
 				cal: 0,			// 卡路里，卡 int
 				accuracy: 0,	// 脑力值百分比
 				syscount: 0,	// 点数
-				
+
 				actId: 0, 		// 活动或关联id
 				urlRs: [],		// Url集合
 			}
 		},
 		computed: {
 			nameSub() {
-				// const maxlen = 8;
-				const nameLen = tools.calStrLen(this.name);
+				return this.name;
+				/* const nameLen = tools.calStrLen(this.name);
 				console.log('nameLen', nameLen);
 				if (nameLen <= 10) {
 					return '选手: ' + this.name;
@@ -96,7 +99,7 @@ https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?pagetype
 				// }
 				else {
 					return this.name;
-				}
+				} */
 			},
 			durationMin() {
 				return Math.round(this.duration * 10 / 60) / 10;
@@ -107,7 +110,7 @@ https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?pagetype
 		},
 		onLoad(event) { // 类型非必填，可自动推导
 			console.log('[challenge result] onLoad');
-			
+
 			this.token = event["token"] ?? token;
 			this.actId = event["id"] ?? 0;
 			this.matchType = event["matchType"] ?? 0;
@@ -119,7 +122,7 @@ https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?pagetype
 			}
 			this.subTitle = event["subTitle"] ?? "";
 			this.accuracyLable = event["accuracyLable"] ?? "校园文化";
-			
+
 			this.status = event["status"] ?? "";
 			this.name = event["name"] ?? "";
 			this.duration = event["duration"] ?? 0;
@@ -127,15 +130,15 @@ https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?pagetype
 			this.cal = event["cal"] ?? 0;
 			this.accuracy = event["accuracy"] ?? 0;
 			this.syscount = event["syscount"] ?? 0;
-			
+
 			// console.log("event:", JSON.stringify(event));
 			// uni.showToast({
 			// 	title: 'event：' + JSON.stringify(event),
 			// 	icon: 'none',
 			// 	duration: 10000
 			// });
-			
-			this.cardUrlQuery();
+
+			// this.cardUrlQuery();
 		},
 		methods: {
 			// 根据游戏id查询卡片信息
@@ -201,6 +204,7 @@ https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?pagetype
 	}
 
 	.content {
+		position: relative;
 		width: 750rpx;
 		min-height: 100vh;
 		display: flex;
@@ -208,20 +212,42 @@ https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?pagetype
 		align-items: center;
 		justify-content: flex-end;
 	}
+	
+	.topBg {
+		position: absolute;
+		top: 0;
+		z-index: 1;
+		width: 100%;
+		height: 60vh;
+		background-color: #c7e848;
+	}
 
 	.top {
+		z-index: 10;
 		width: 100%;
-		height: 70vh;
-		background-image: url("static/yuedong/challenge/success_bg.png");
+		height: 72vh;
+		background-image: url("/static/yuedong/challenge/success_bg.png");
 		background-repeat: no-repeat;
 		background-position-x: center;
-		background-position-y: top;
-		background-size: 100% 100%;
+		background-position-y: bottom;
+		background-size: 100% auto;
+	}
+
+	.topLogo {
+		z-index: 10;
+		width: 100%;
+		height: 8vh;
+		background-image: url("/static/yuedong/challenge/logo2.png");
+		background-repeat: no-repeat;
+		background-position-x: 40rpx;
+		background-position-y: bottom;
+		background-size: 360rpx auto;
 	}
 
+
 	.main {
 		width: 100%;
-		height: 30vh;
+		height: 28vh;
 		flex-direction: column;
 		justify-content: flex-start;
 		align-items: center;
@@ -231,36 +257,25 @@ https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?pagetype
 		display: flex;
 		flex-direction: row;
 		width: 100%;
-		height: 400rpx;
-		/* background-color: #b0352e; */
-		background-image: url("/static/yuedong/challenge/rank_bg.png");
-		background-repeat: no-repeat;
-		background-position-x: center;
-		background-position-y: center;
-		background-size: 100% auto;
-	}
-
-	.rank {
-		width: 220rpx;
-		/* height: 500rpx; */
-		margin-left: 60rpx;
-		margin-top: 120rpx;
+		/* height: 400rpx; */
 	}
 
 	.namebox {
 		width: 330rpx;
+		margin-top: 40rpx;
+	}
+
+	.nameLogo {
+		width: 200rpx;
+		height: 200rpx;
 	}
 
 	.name {
 		width: 280rpx;
-		/* 确保文本在一行内显示 */
 		white-space: nowrap;
-		/* 超出容器部分的文本隐藏起来 */
 		overflow: hidden;
-		/* 使用省略号表示被截断的文本 */
-		/* text-overflow: ellipsis; */
 		text-align: center;
-		margin-top: 250rpx;
+		margin-top: 10rpx;
 		margin-left: 20rpx;
 		font-family: Source Han Sans CN;
 		font-weight: 500;
@@ -268,7 +283,24 @@ https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?pagetype
 		color: #ffffff;
 	}
 
+	.rank {
+		margin-left: 20rpx;
+		margin-top: 0rpx;
+	}
+
+	.rankTopLogo {
+		width: 300rpx;
+		height: 120rpx;
+	}
+
+	.rankBtmLogo {
+		width: 320rpx;
+		height: 50rpx;
+		margin-left: 5rpx;
+	}
+	
 	.statistic {
+		margin-left: 10rpx;
 		height: 30rpx;
 		margin-bottom: 16rpx;
 		flex-direction: row;
@@ -314,5 +346,4 @@ https://oss-mbh5.colormaprun.com/custom/#/pages/yuedong/challenge/index?pagetype
 		font-size: 16px;
 		line-height: 32px;
 	}
-
 </style>