浏览代码

v1.1.0 优化挑战成绩页面的显示

wzx 1 年之前
父节点
当前提交
b0cc334811
共有 6 个文件被更改,包括 44 次插入43 次删除
  1. 1 0
      .gitignore
  2. 2 2
      poly/manifest.json
  3. 10 12
      poly/pages/challenge/exit.uvue
  4. 26 24
      poly/pages/challenge/success.uvue
  5. 5 5
      poly/pages/led/index2.uvue
  6. 二进制
      poly/static/led/run.png

+ 1 - 0
.gitignore

@@ -0,0 +1 @@
+/poly/unpackage

+ 2 - 2
poly/manifest.json

@@ -2,8 +2,8 @@
     "name" : "mobile_h5",
     "appid" : "__UNI__DE74995",
     "description" : "",
-    "versionName" : "1.0.0",
-    "versionCode" : "100",
+    "versionName" : "1.1.0",
+    "versionCode" : 110,
     "uni-app-x" : {},
     /* 快应用特有相关 */
     "quickapp" : {},

+ 10 - 12
poly/pages/challenge/exit.uvue

@@ -36,43 +36,41 @@
 	}
 
 	.content {
-		width: 390px;
+		width: 750rpx;
 		/* margin: 0 auto; */
 	}
 
 	.top {
 		width: 100%;
 		height: 10vh;
-		padding: 0 36px;
-		/* padding: 36px 36px 0 36px; */
+		padding: 0 60rpx;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
 	}
 
 	.logo {
-		width: 91.5px;
-		height: 26px;
+		width: 183rpx;
+		height: 52rpx;
 	}
 
 	.right-logo {
-		width: 37.5px;
-		height: 26px;
+		width: 75rpx;
+		height: 52rpx;
 	}
 
 	.main {
 		width: 100%;
 		flex-direction: column;
 		align-items: center;
-		justify-content: center;
+		justify-content: flex-start;
 	}
 
 	.exit_game {
 		width: 70%;
-		height: 90vh;
-		/* height: 650px; */
-		margin-top: -30px;
-		margin-left: 20px;
+		/* height: 90vh; */
+		height: 1100rpx;
+		margin-left: 40rpx;
 		background-image: url("/static/challenge/exit_game.webp");
 		background-repeat: no-repeat;
 		background-position-x: center;

+ 26 - 24
poly/pages/challenge/success.uvue

@@ -107,54 +107,56 @@
 	}
 
 	.content {
-		width: 390px;
+		width: 750rpx;
 		/* margin: 0 auto; */
 	}
 
 	.top {
 		width: 100%;
 		height: 10vh;
-		padding: 0 36px;
+		padding: 0 60rpx;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
 	}
 
 	.logo {
-		width: 91.5px;
-		height: 26px;
+		width: 183rpx;
+		height: 52rpx;
 	}
 
 	.right-logo {
-		width: 37.5px;
-		height: 26px;
+		width: 75rpx;
+		height: 52rpx;
 	}
 
 	.main {
 		width: 100%;
-		height: 90vh;
 		flex-direction: column;
 		justify-content: flex-start;
 	}
 
 	.main-content {
-		height: 570px;
-		margin-top: 20px;
+		/* width: 100%; */
+		/* height: 570px; */
+		margin-top: 25rpx;
+		margin-bottom: 10rpx;
+		height: 1100rpx;
 		background-image: url("/static/challenge/success_bg.webp");
 		background-repeat: no-repeat;
 		background-position-x: center;
-		background-position-y: center;
+		background-position-y: top;
 		background-size: contain;
 	}
 
 	.rank {
-		width: 292px;
-		margin-left: 43px;
-		margin-top: 386px;
+		width: 530rpx;
+		margin-left: 100rpx;
+		margin-top: 748rpx;
 	}
 
 	.name {
-		width: 125px;
+		width: 246rpx;
 		/* 确保文本在一行内显示 */
 		white-space: nowrap;
 		/* 超出容器部分的文本隐藏起来 */
@@ -162,16 +164,16 @@
 		/* 使用省略号表示被截断的文本 */
 		/* text-overflow: ellipsis; */
 		text-align: center;
-		margin-left: 103px;
-		margin-top: 19px;
+		margin-left: 196rpx;
+		margin-top: 36rpx;
 		font-family: Source Han Sans CN;
 		font-weight: 500;
-		font-size: 18px;
+		font-size: 36rpx;
 		color: #ffffff;
 	}
 
 	.statistic {
-		height: 38.8px;
+		height: 73.9rpx;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
@@ -185,26 +187,26 @@
 	.statistic-title {
 		font-family: Source Han Sans CN;
 		font-weight: 500;
-		font-size: 23px;
+		font-size: 46rpx;
 		color: #ffffff;
 	}
 
 	.statistic-value {
 		font-family: Source Han Sans CN;
 		font-weight: 700;
-		font-size: 28px;
+		font-size: 56rpx;
 		color: #ffffff;
 		font-weight: bold;
 	}
 
 	.statistic-unit {
 		font-family: Source Han Sans CN;
-		font-size: 20px;
+		font-size: 40rpx;
 		color: #ffffff;
-		padding-left: 5px;
+		padding-left: 10rpx;
 	}
 
-	.bottom {
+	/* .bottom {
 		width: 100%;
 		flex-direction: row;
 		justify-content: space-between;
@@ -222,7 +224,7 @@
 		justify-content: center;
 	}
 
-	/*.medal {
+	.medal {
 		width: 78px;
 		height: 81px;
 		margin-right: 10px;

+ 5 - 5
poly/pages/led/index2.uvue

@@ -7,7 +7,7 @@
 				<view class="total-time-1">总用时: {{durationStr}}</view>
 				<view class="total-distance-1">{{distanceKm}}KM</view>
 			</view>
-			<image class="run" mode="aspectFit" src="/static/led/run.gif"></image>
+			<image class="run" mode="aspectFit" src="/static/led/run.png"></image>
 		</view>
 
 		<view v-if="pageType == 2" class="content bg-led02">
@@ -329,10 +329,10 @@
 	}
 
 	.run {
-		width: 520px;
-		height: 520px;
-		margin-left: -900px;
-		margin-top: 96px;
+		width: 468px;
+		height: 468px;
+		margin-left: -840px;
+		margin-top: 130px;
 	}
 
 	.mascot {

二进制
poly/static/led/run.png