Files
MBTI_wang/miniprogram/pages/test/disc.wxss
Ghost e672ad4ede feat: 双端题库统一与 PDP/DISC 结果文案、测评 API 与企测上下文
1、修复了测评/结果页与个人中心展示不一致问题;废弃独立 questions.js,统一使用 questionBank;结果格式与详情解析相关问题。

2、新增了 PdpDiscResultText(PDP+DISC 双类型摘要文案)、抖音 questionBank 与 enterpriseContext;扩展 api/Test 与路由、管理端 Order 与 ExtractsTestResults。

3、优化了 resultFormat 与 questionBank 组织方式、UserDetailDialog;移除不再使用的 mbti_test_results 恢复 SQL/脚本。

Made-with: Cursor
2026-03-31 15:26:21 +08:00

186 lines
3.0 KiB
Plaintext

/* pages/test/disc.wxss - 按旧版模板重构 */
.test-page {
width: 100%;
min-height: 100vh;
display: flex;
flex-direction: column;
background-color: #fff;
}
.test-loading {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 80rpx;
}
.test-loading-text {
font-size: 30rpx;
color: #666;
}
.progress-section {
padding: 32rpx;
border-bottom: 1rpx solid #e5e5e5;
flex-shrink: 0;
}
.progress-info {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16rpx;
}
.question-count {
font-size: 28rpx;
font-weight: 500;
color: #333;
}
.time-remaining {
font-size: 28rpx;
color: #999;
}
.progress-bar-container {
width: 100%;
height: 8rpx;
background-color: #e5e5e5;
border-radius: 8rpx;
overflow: hidden;
}
.progress-bar {
height: 100%;
background: linear-gradient(135deg, #3B82F6 0%, #60a5fa 100%);
border-radius: 8rpx;
transition: width 0.3s ease;
}
.content-area {
flex: 1;
overflow-y: auto;
padding: 32rpx;
}
.question-card {
background-color: #fff;
border-radius: 24rpx;
padding: 48rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
}
.question-text {
display: block;
font-size: 40rpx;
font-weight: 500;
color: #333;
line-height: 1.6;
margin-bottom: 48rpx;
}
.options-container {
display: flex;
flex-direction: column;
gap: 32rpx;
}
.option-item {
display: flex;
align-items: center;
padding: 32rpx;
background: #fff;
border: 2rpx solid #e5e5e5;
border-radius: 16rpx;
transition: all 0.3s ease;
}
.option-item.selected {
background-color: rgba(59, 130, 246, 0.1);
border-color: #3B82F6;
}
.radio-button {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
border: 2rpx solid #d1d5db;
display: flex;
align-items: center;
justify-content: center;
margin-right: 24rpx;
flex-shrink: 0;
}
.radio-button.checked {
background-color: #3B82F6;
border-color: #3B82F6;
}
.radio-inner {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
background-color: #fff;
}
.option-text {
flex: 1;
font-size: 32rpx;
color: #333;
line-height: 1.5;
}
.footer-buttons {
display: flex;
gap: 24rpx;
padding: 32rpx;
border-top: 1rpx solid #e5e5e5;
flex-shrink: 0;
}
.nav-button {
flex: 1;
padding: 28rpx;
border-radius: 16rpx;
text-align: center;
}
.nav-button.secondary {
background-color: #fff;
border: 2rpx solid #3B82F6;
}
.nav-button.secondary .button-text {
color: #3B82F6;
}
.nav-button.disabled {
opacity: 0.4;
pointer-events: none;
}
.button-text {
font-size: 32rpx;
font-weight: 500;
}
.submit-wrap {
padding: 0 32rpx 32rpx;
}
.submit-button {
background: linear-gradient(135deg, #3B82F6 0%, #60a5fa 100%);
border-radius: 16rpx;
padding: 28rpx;
text-align: center;
}
.submit-text {
font-size: 32rpx;
font-weight: 600;
color: #fff;
}