专家库修改

src/views/expert/list/index.vue

@@ -200,23 +200,25 @@
               </div>
               <div class="profile-summary">
                 <div class="summary-item">
-                  <span class="summary-label">技术序列</span>
+                  <span class="summary-label"
+                    ><Icon icon="ep:medal" color="#1e3a8a" />技术序列</span
+                  >
                   <strong>{{ activeExpert.role || '-' }}</strong>
                 </div>
                 <div class="summary-item">
-                  <span class="summary-label">梯队</span>
+                  <span class="summary-label"><Icon icon="ep:sort" />梯队</span>
                   <strong>{{ activeExpert.team || '-' }}</strong>
                 </div>
                 <div class="summary-item">
-                  <span class="summary-label">专业方向</span>
+                  <span class="summary-label"><Icon icon="ep:compass" />专业方向</span>
                   <strong>{{ activeExpert.direction?.join('、') || '-' }}</strong>
                 </div>
                 <div class="summary-item">
-                  <span class="summary-label">目前所在单位</span>
+                  <span class="summary-label"><Icon icon="ep:office-building" />目前所在单位</span>
                   <strong>{{ activeExpert.company || '-' }}</strong>
                 </div>
                 <div class="summary-item">
-                  <span class="summary-label">联系方式</span>
+                  <span class="summary-label"><Icon icon="ep:phone" />联系方式</span>
                   <strong>{{ activeExpert.contact || '-' }}</strong>
                 </div>
               </div>
@@ -2079,7 +2081,7 @@ onMounted(async () => {
   margin: 18px;
   padding: 16px;
   border: 1px solid rgba(28, 44, 62, 0.08);
-  border-radius: 14px;
+  border-radius: 8px;
   background: #fff;
   box-shadow: 0 8px 30px rgba(28, 44, 62, 0.06);
 }
@@ -2130,11 +2132,19 @@ onMounted(async () => {
 }
 
 .summary-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
   color: #7a8a89;
   font-size: 11px;
   line-height: 1.3;
 }
 
+.summary-label :deep(.iconify) {
+  color: #5f8982;
+  font-size: 14px;
+}
+
 .summary-item strong {
   color: #203130;
   font-size: 12px;
@@ -2212,9 +2222,9 @@ onMounted(async () => {
 }
 
 .record-panel {
-  margin: 0 26px 26px;
+  margin: 0 20px 26px;
   border: 1px solid rgba(28, 44, 62, 0.08);
-  border-radius: 14px;
+  border-radius: 8px;
   overflow: hidden;
   background: #fff;
   // box-shadow: 0 8px 30px rgba(28, 44, 62, 0.05);