feat: 意见反馈的实现

2025-09-06 11:34:48 +08:00
parent 613a2be148
commit d83cdba468
7 changed files with 250 additions and 17 deletions
--- a/components/Feedback/styles/index.scss
+++ b/components/Feedback/styles/index.scss
@@ -0,0 +1,95 @@
+.create-service-wrapper {
+  padding: 6px 0 12px;
+}
+
+.order-header {
+  font-size: 14px;
+  font-weight: 500;
+  margin-bottom: 10px;
+  color: #333;
+}
+
+.order-content {
+  width: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+  padding: 12px;
+  border-radius: 8px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.detail-item {
+  display: flex;
+  align-items: start;
+  margin-bottom: 12px;
+  font-size: 14px;
+  color: #333;
+}
+
+.detail-label {
+  width: 70px;
+  white-space: nowrap;
+}
+
+.detail-value {
+  font-size: 14px;
+  color: #333;
+}
+
+.detail-textarea {
+  width: 100%;
+  font-size: 14px;
+  color: #333;
+  border-radius: 4px;
+  border: 1px solid #ddd;
+  padding: 8px;
+}
+
+.detail-input {
+  border: none;
+  outline: none;
+  width: 100%;
+  font-size: 14px;
+  color: #333;
+  border-bottom: 1px solid #ddd;
+  padding-left: 8px;
+}
+
+.order-button {
+  width: 300px;
+  height: 42px;
+  color: #fff;
+  font-size: 14px;
+  font-weight: 600;
+  border-radius: 21px;
+  margin-top: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.submit-button {
+  background: linear-gradient(90deg, #ff7e00, #ffba00);
+}
+
+.look-button {
+  background: linear-gradient(90deg, #0256ff, #00a6ff);
+}
+
+.footer-help {
+  margin-bottom: 12px;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  color: #ed6a0c;
+}
+
+.help-icon {
+  width: 16px;
+  height: 14px;
+  margin-right: 5px;
+}
+
+.help-text {
+  margin-right: 5px;
+}