完善样式系统与调试链路底座
This commit is contained in:
@@ -1783,6 +1783,17 @@
|
||||
font-size: 22rpx;
|
||||
}
|
||||
|
||||
.control-row--wrap {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.control-row--wrap .control-chip {
|
||||
flex: none;
|
||||
width: calc(25% - 12rpx);
|
||||
font-size: 22rpx;
|
||||
padding: 18rpx 8rpx;
|
||||
}
|
||||
|
||||
.control-row--single .control-chip {
|
||||
flex: none;
|
||||
width: 100%;
|
||||
@@ -2068,6 +2079,13 @@
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.game-content-card__cta-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 14rpx;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.game-content-card__action {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -2094,6 +2112,91 @@
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.game-content-quiz {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 75;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: rgba(18, 28, 24, 0.26);
|
||||
}
|
||||
|
||||
.game-content-quiz__panel {
|
||||
width: 500rpx;
|
||||
max-width: calc(100vw - 96rpx);
|
||||
padding: 30rpx 30rpx 26rpx;
|
||||
border-radius: 30rpx;
|
||||
background: rgba(250, 252, 251, 0.98);
|
||||
box-shadow: 0 20rpx 52rpx rgba(18, 38, 31, 0.18);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20rpx;
|
||||
}
|
||||
|
||||
.game-content-quiz__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.game-content-quiz__title {
|
||||
font-size: 34rpx;
|
||||
font-weight: 700;
|
||||
color: #17372e;
|
||||
}
|
||||
|
||||
.game-content-quiz__countdown {
|
||||
min-width: 88rpx;
|
||||
padding: 8rpx 18rpx;
|
||||
border-radius: 999rpx;
|
||||
background: rgba(227, 238, 231, 0.96);
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
color: #33584d;
|
||||
}
|
||||
|
||||
.game-content-quiz__question {
|
||||
font-size: 44rpx;
|
||||
line-height: 1.25;
|
||||
font-weight: 700;
|
||||
color: #17372e;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.game-content-quiz__options {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 14rpx;
|
||||
}
|
||||
|
||||
.game-content-quiz__option {
|
||||
min-height: 76rpx;
|
||||
border-radius: 22rpx;
|
||||
background: rgba(233, 241, 236, 0.98);
|
||||
color: #1d5a46;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 34rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.game-content-quiz__feedback {
|
||||
text-align: center;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.game-content-quiz__feedback--success {
|
||||
color: #1f8e53;
|
||||
}
|
||||
|
||||
.game-content-quiz__feedback--error {
|
||||
color: #bf4b3a;
|
||||
}
|
||||
|
||||
.game-content-card--fx-pop {
|
||||
animation: content-card-pop 0.5s cubic-bezier(0.18, 0.88, 0.2, 1);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user