Răsfoiți Sursa

fix(body): 补充肠道菌群卡片CSS样式

iwt 2 luni în urmă
părinte
comite
5038292600
1 a modificat fișierele cu 19 adăugiri și 0 ștergeri
  1. 19 0
      cfc-frontend/pages/body-detail/index.vue

+ 19 - 0
cfc-frontend/pages/body-detail/index.vue

@@ -624,6 +624,25 @@ export default {
 }
 
 /* ===== 底部 ===== */
+/* ===== 肠道菌群 ===== */
+.gut-section { margin: 20rpx 30rpx; }
+.gut-summary { background: #F0F9FF; border-radius: 16rpx; padding: 16rpx 20rpx; margin-bottom: 16rpx; }
+.gut-summary-text { font-size: 26rpx; color: #0369A1; }
+.gut-group { background: #fff; border-radius: 16rpx; padding: 20rpx 24rpx; margin-bottom: 16rpx; }
+.gut-group-title { font-size: 28rpx; font-weight: bold; color: #333; margin-bottom: 12rpx; display: block; }
+.gut-item { display: flex; align-items: center; justify-content: space-between; padding: 12rpx 0; border-bottom: 1rpx solid #F3F4F6; }
+.gut-item:last-child { border-bottom: none; }
+.gut-item.gut-abnormal .gut-item-name { color: #EF4444; }
+.gut-item-name { font-size: 26rpx; color: #333; flex: 1; }
+.gut-item-right { display: flex; align-items: center; gap: 12rpx; }
+.gut-item-value { font-size: 26rpx; color: #666; }
+.gut-item-status { font-size: 22rpx; padding: 4rpx 12rpx; border-radius: 20rpx; }
+.gut-item-status.status-偏高 { background: #FEE2E2; color: #DC2626; }
+.gut-item-status.status-偏低 { background: #FEF3C7; color: #D97706; }
+.gut-item-status.status-normal { background: #D1FAE5; color: #059669; }
+.gut-empty-hint { text-align: center; padding: 30rpx; color: #999; font-size: 26rpx; background: #fff; border-radius: 16rpx; margin-bottom: 16rpx; }
+.gut-upload-link { color: #3B82F6; margin-left: 8rpx; }
+
 .bottom-spacer {
   height: 120rpx;
 }