|
@@ -130,10 +130,10 @@ export default {
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
-<style scoped>
|
|
|
|
|
|
|
+<style scoped lang="scss">
|
|
|
.container {
|
|
.container {
|
|
|
min-height: 100vh;
|
|
min-height: 100vh;
|
|
|
- background: linear-gradient(180deg, #FFF8E1 0%, #f5f7fa 100%);
|
|
|
|
|
|
|
+ background: linear-gradient(180deg, $mat-amber-tint 0%, $app-bg 100%);
|
|
|
padding-bottom: 60rpx;
|
|
padding-bottom: 60rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -147,14 +147,14 @@ export default {
|
|
|
|
|
|
|
|
.back-btn {
|
|
.back-btn {
|
|
|
font-size: 30rpx;
|
|
font-size: 30rpx;
|
|
|
- color: #B8860B;
|
|
|
|
|
|
|
+ color: $hint-gold-ink;
|
|
|
padding: 10rpx;
|
|
padding: 10rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.header-title {
|
|
.header-title {
|
|
|
font-size: 36rpx;
|
|
font-size: 36rpx;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
- color: #B8860B;
|
|
|
|
|
|
|
+ color: $hint-gold-ink;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.header-placeholder {
|
|
.header-placeholder {
|
|
@@ -167,7 +167,7 @@ export default {
|
|
|
|
|
|
|
|
.desc-text {
|
|
.desc-text {
|
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
|
- color: #999;
|
|
|
|
|
|
|
+ color: $facade-text-muted;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
display: block;
|
|
display: block;
|
|
|
}
|
|
}
|
|
@@ -176,12 +176,12 @@ export default {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
- background: #fff;
|
|
|
|
|
|
|
+ background: $app-surface;
|
|
|
margin: 0 30rpx 20rpx;
|
|
margin: 0 30rpx 20rpx;
|
|
|
padding: 30rpx;
|
|
padding: 30rpx;
|
|
|
border-radius: 20rpx;
|
|
border-radius: 20rpx;
|
|
|
box-shadow: 0 4rpx 20rpx rgba(255, 215, 0, 0.12);
|
|
box-shadow: 0 4rpx 20rpx rgba(255, 215, 0, 0.12);
|
|
|
- border-left: 8rpx solid #FFD700;
|
|
|
|
|
|
|
+ border-left: 8rpx solid $accent-gold;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.game-card:active {
|
|
.game-card:active {
|
|
@@ -192,7 +192,7 @@ export default {
|
|
|
width: 80rpx;
|
|
width: 80rpx;
|
|
|
height: 80rpx;
|
|
height: 80rpx;
|
|
|
border-radius: 20rpx;
|
|
border-radius: 20rpx;
|
|
|
- background: #FFF8E1;
|
|
|
|
|
|
|
+ background: $mat-amber-tint;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
@@ -210,20 +210,20 @@ export default {
|
|
|
.game-name {
|
|
.game-name {
|
|
|
font-size: 30rpx;
|
|
font-size: 30rpx;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
- color: #333;
|
|
|
|
|
|
|
+ color: $facade-text-strong;
|
|
|
display: block;
|
|
display: block;
|
|
|
margin-bottom: 6rpx;
|
|
margin-bottom: 6rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.game-desc {
|
|
.game-desc {
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
- color: #999;
|
|
|
|
|
|
|
+ color: $facade-text-muted;
|
|
|
display: block;
|
|
display: block;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.game-arrow {
|
|
.game-arrow {
|
|
|
font-size: 40rpx;
|
|
font-size: 40rpx;
|
|
|
- color: #ccc;
|
|
|
|
|
|
|
+ color: $facade-text-ghost;
|
|
|
margin-left: 10rpx;
|
|
margin-left: 10rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -234,6 +234,6 @@ export default {
|
|
|
|
|
|
|
|
.note-text {
|
|
.note-text {
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
- color: #ccc;
|
|
|
|
|
|
|
+ color: $facade-text-ghost;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|