diff --git a/uniapp/pages/market/clue/clue_info.vue b/uniapp/pages/market/clue/clue_info.vue index 9b4ec39a..1c85a4d3 100644 --- a/uniapp/pages/market/clue/clue_info.vue +++ b/uniapp/pages/market/clue/clue_info.vue @@ -233,12 +233,12 @@ - - + + + + 修改教练配置 + + 主教练(单选) @@ -285,7 +285,11 @@ - + + 取消 + 确认 + + @@ -1571,55 +1575,133 @@ } // 教练配置编辑弹窗样式 + .popup-container { + width: 90vw; + max-width: 600rpx; + background: #fff; + border-radius: 20rpx; + box-shadow: 0 10rpx 40rpx rgba(0, 0, 0, 0.3); + overflow: hidden; + } + + .popup-header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 30rpx 40rpx; + background: #29d3b4; + color: #fff; + } + + .popup-title { + font-size: 36rpx; + font-weight: bold; + } + + .popup-close { + font-size: 40rpx; + width: 60rpx; + height: 60rpx; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + background: rgba(255, 255, 255, 0.2); + } + + .popup-footer { + display: flex; + border-top: 1px solid #eee; + } + + .popup-btn { + flex: 1; + padding: 30rpx; + text-align: center; + font-size: 32rpx; + font-weight: bold; + } + + .cancel-btn { + color: #666; + border-right: 1px solid #eee; + } + + .confirm-btn { + color: #29d3b4; + } + + .popup-btn:active { + background: #f5f5f5; + } + .course-edit-container { - max-height: 600rpx; + width: 100%; + max-height: 60vh; overflow-y: auto; - padding: 20rpx 0; + padding: 30rpx 20rpx; + box-sizing: border-box; } .edit-section { - margin-bottom: 30rpx; + margin-bottom: 40rpx; + width: 100%; } .section-title { - font-size: 30rpx; + font-size: 32rpx; font-weight: bold; color: #333; - margin-bottom: 15rpx; - padding-bottom: 10rpx; - border-bottom: 1px solid #eee; + margin-bottom: 20rpx; + padding-bottom: 15rpx; + border-bottom: 2px solid #29d3b4; } .coach-list { - max-height: 200rpx; + width: 100%; + max-height: 300rpx; overflow-y: auto; + border: 1px solid #eee; + border-radius: 12rpx; + background: #fff; } .coach-item { display: flex; justify-content: space-between; align-items: center; - padding: 15rpx 20rpx; - border: 1px solid #ddd; - border-radius: 8rpx; - margin-bottom: 10rpx; - background: #f8f8f8; + padding: 25rpx 30rpx; + border-bottom: 1px solid #f0f0f0; + background: #fff; transition: all 0.3s ease; + min-height: 80rpx; + box-sizing: border-box; + } + + .coach-item:last-child { + border-bottom: none; } .coach-item.selected { - background: #e8f5e8; - border-color: #29d3b4; + background: #f0f9ff; + border-left: 4rpx solid #29d3b4; + } + + .coach-item:active { + background: #f5f5f5; } .coach-name { - font-size: 28rpx; + font-size: 30rpx; color: #333; + flex: 1; } .coach-check { color: #29d3b4; - font-size: 32rpx; + font-size: 36rpx; font-weight: bold; + width: 40rpx; + text-align: center; } \ No newline at end of file