/* 统一容器样式 */ .picker-title { font-size: 16px; color: #333; margin: 20rpx 0; padding-left: 20rpx; } /* 下拉选择器样式 */ .picker-container { position: relative; margin: 0 20rpx 20rpx; border: 1rpx solid #ddd; border-radius: 8rpx; padding: 20rpx; } .picker { color: #666; } .picker-arrow { position: absolute; right: 20rpx; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-left: 10rpx solid transparent; border-right: 10rpx solid transparent; border-top: 16rpx solid #999; } /* 表格容器 */ .table-container { width: 100%; margin-top: 20rpx; border: 1rpx solid #eee; border-radius: 8rpx; overflow: hidden; } /* 统一表格样式 */ .table-body { width: 100%; } .table-header, .table-row { display: flex; flex-direction: row; align-items: center; padding: 20rpx 10rpx; } .table-header { background-color: #f5f5f5; font-weight: bold; border-bottom: 2rpx solid #ddd; } .table-row { display: flex; align-items: center; border-bottom: 1rpx solid #eee; padding: 20rpx 0; } .table-row.selected { background-color: #f0f8ff; } .table-cell { flex: 1; min-width: 160rpx; text-align: center; padding: 0 10rpx; word-break: break-all; } /* 调整单选框列 */ .table-cell:first-child { flex: 0.5; display: flex; justify-content: center; } /* 统一按钮样式 */ .button-container { margin: 40rpx 20rpx 0; } .button-container button { width: 100%; background-color: #07c160; color: white; border-radius: 8rpx; font-size: 16px; } /* 状态提示样式 */ .loading, .no-data { text-align: center; padding: 40rpx; color: #999; font-size: 14px; } /* 保持单选框样式一致 */ radio .wx-radio-input { width: 20px; height: 20px; } .radio-checked .wx-radio-input { border-color: #07c160 !important; background-color: #07c160 !important; }