Skip to content

X
xzf_uniapp-wechat-web
Commit be54650d authored by 袁玲利's avatar 袁玲利
Browse files
Options

Merge branch 'v_req_11.2' into uat

parents 7f1e9d93 9f80a420
Hide whitespace changes
Inline Side-by-side
Showing with 43 additions and 36 deletions
src/pages/gameOrder/gameOrder.vue
View file @ be54650d
...@@ -5,12 +5,14 @@ ...@@ -5,12 +5,14 @@
<img :src="game.icon" alt="Game Icon" class="game-icon" /> <img :src="game.icon" alt="Game Icon" class="game-icon" />
<!-- 游戏信息 --> <!-- 游戏信息 -->
<div class="game-info"> <div class="game-info">
<div class="game-name">{{ game.name }}</div> <div class="line1">
<div class="game-score">{{ game.score }}</div> <div class="game-name">{{ game.name }}</div>
<div class="game-score">{{ game.score }}</div>
</div>
<div class="game-description">{{ game.description }}</div> <div class="game-description">{{ game.description }}</div>
</div> </div>
<!-- 启动按钮 --> <!-- 启动按钮 -->
<button @click="launchGame(game)" class="launch-btn">启动</button> <button @click="launchGame(game)" class="launch-btn"></button>
</div> </div>
</div> </div>
</template> </template>
...@@ -228,7 +230,7 @@ export default { ...@@ -228,7 +230,7 @@ export default {
}, },
}, },
onHide() { onHide() {
console.log('2222') console.log("2222");
this.params.behavior = "closePage"; this.params.behavior = "closePage";
this.params.data = "gameOrder"; this.params.data = "gameOrder";
this.GameStatistics(); this.GameStatistics();
...@@ -254,25 +256,25 @@ export default { ...@@ -254,25 +256,25 @@ export default {
.rankings { .rankings {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 20rpx; padding: 20rpx 50rpx;
} }
.ranking-item { .ranking-item {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 30rpx; height: 184rpx;
padding: 20rpx;
border: 1rpx solid #ddd;
border-radius: 16rpx;
background-color: #f9f9f9;
} }
.game-icon { .game-icon {
width: 100rpx; width: 126rpx;
height: 100rpx; height: 126rpx;
margin-right: 30rpx; margin-right: 23rpx;
border-radius: 50%;
}
.line1 {
display: inline-flex;
margin-top: 14rpx;
} }
.game-info { .game-info {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -280,38 +282,43 @@ export default { ...@@ -280,38 +282,43 @@ export default {
} }
.game-name { .game-name {
align-self: center;
font-weight: 500;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; color: rgba(0, 0, 0, 0.85);
line-height: 40rpx; line-height: 45rpx;
} }
.game-score { .game-score {
color: #888; align-self: center;
margin-top: 10rpx; width: 61rpx;
line-height: 40rpx; height: 32rpx;
font-size: 26rpx; line-height: 32rpx;
text-align: center;
background: #f7f7f7;
border-radius: 4rpx;
font-weight: 400;
font-size: 20rpx;
color: rgba(0, 0, 0, 0.35);
margin-left: 12rpx;
} }
.game-description { .game-description {
color: #777; margin-top: 16rpx;
font-size: 28rpx; font-weight: 400;
margin-top: 10rpx; font-size: 22rpx;
line-height: 40rpx; color: rgba(0, 0, 0, 0.35);
line-height: 30rpx;
} }
.launch-btn { .launch-btn {
padding: 16rpx 32rpx; width: 110rpx;
margin-left: 30rpx; height: 56rpx;
font-size: 26rpx; background-image: url("https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/gameOrder/playgame.png");
line-height: 40rpx; background-repeat: no-repeat;
background-color: #4caf50; background-size: cover;
color: white;
border: none;
border-radius: 10rpx;
white-space: nowrap;
} }
.launch-btn::after {
.launch-btn:hover { border: 0;
background-color: #45a049;
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment