feat: 样式的调整

2026-06-04 01:16:05 +08:00
parent 190f9383df
commit c3cf6f2f12
8 changed files with 277 additions and 100 deletions
--- a/src/pages/ChatMain/ChatLongAnswer/styles/ParsedValueView.scss
+++ b/src/pages/ChatMain/ChatLongAnswer/styles/ParsedValueView.scss
@@ -0,0 +1,163 @@
+.parsed-value {
+  display: flex;
+  flex-direction: column;
+}
+
+.content-body-text {
+  color: #111827;
+  font-size: 15px;
+  font-weight: 400;
+  line-height: 20px;
+}
+
+.content-body-image-card {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.content-body-image {
+  width: 100%;
+  display: block;
+  border-radius: 8px;
+  background: #f3f4f6;
+}
+
+.content-body-image-caption {
+  color: #6b7280;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+}
+
+.content-body-list-card {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 12px;
+  border-radius: 12px;
+}
+
+.content-body-list-item {
+  display: flex;
+  align-items: flex-start;
+}
+
+.content-body-list-text {
+  flex: 1;
+  font-size: 15px;
+  font-weight: 400;
+  line-height: 20px;
+}
+
+.detail-action-zone {
+  margin-top: 6px;
+  border-top: 1px solid rgba(15, 23, 42, 0.06);
+}
+
+.detail-action-label {
+  padding: 12px 0 12px;
+  color: #94a3b8;
+  font-size: 10px;
+  font-weight: 900;
+  letter-spacing: 0.6px;
+  line-height: 16px;
+}
+
+.detail-action-card {
+  overflow: hidden;
+  border: 1px solid #f1f5f9;
+  border-radius: 16px;
+  background: #fff;
+}
+
+.detail-action-card.is-raised {
+  border-radius: 24px;
+  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
+}
+
+.poi-mini-tag {
+  display: inline-flex;
+  width: fit-content;
+  margin: 14px 0 0 14px;
+  padding: 4px 10px;
+  align-items: center;
+  border-radius: 8px;
+  color: #059669;
+  background: rgba(255, 255, 255, 0.9);
+  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
+  font-size: 10px;
+  font-weight: 900;
+}
+
+.poi-mini-body {
+  padding: 10px 20px 16px;
+}
+
+.poi-mini-title {
+  margin-bottom: 10px;
+  color: #1e293b;
+  font-size: 19px;
+  font-weight: 900;
+  line-height: 26px;
+}
+
+.poi-mini-desc {
+  margin-bottom: 12px;
+  padding: 10px 12px;
+  border: 1px solid rgba(167, 243, 208, 0.5);
+  border-radius: 12px;
+  color: #065f46;
+  background: linear-gradient(to right, #ecfdf5, rgba(240, 253, 250, 0.5));
+  font-size: 12px;
+  font-weight: 800;
+  line-height: 20px;
+}
+
+.detail-solid-button {
+  width: 100%;
+  height: 42px;
+  padding: 0;
+  border: 0;
+  border-radius: 14px;
+  color: #fff;
+  background: #0f172a;
+  font-size: 13px;
+  font-weight: 900;
+  line-height: 42px;
+}
+
+.detail-faq-wrap {
+  margin: 0;
+}
+
+.detail-faq-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  margin: 0 6px 8px 0;
+  padding: 8px 13px;
+  border: 1px solid #e2e8f0;
+  border-radius: 20px;
+  color: #475569;
+  background: #fff;
+  font-size: 11.5px;
+  font-weight: 800;
+  line-height: 16px;
+}
+
+.detail-faq-chip::before {
+  content: "?";
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 11px;
+  height: 11px;
+  flex-shrink: 0;
+  border: 1px solid #10b981;
+  border-radius: 50%;
+  color: #10b981;
+  font-size: 8px;
+  font-weight: 900;
+  line-height: 11px;
+}