From cec39554eeaf4b2e43d5a82fad0419d8b4e17d3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=AD=E5=BA=86=E6=B3=B0?=
 <12369755+htcloud1@user.noreply.gitee.com>
Date: Sat, 22 Aug 2026 20:54:45 +0800
Subject: [PATCH] =?UTF-8?q?style(portal+login):=207=20=E4=B8=AA=20logo=20?=
 =?UTF-8?q?=E5=8D=A0=E4=BD=8D=E7=AC=A6=20'=E5=8C=BB'=20=E6=8D=A2=E4=B8=BA?=
 =?UTF-8?q?=20logo.png=20=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- components/PortalShell.vue (navbar + footer, 共享给 3 个注册页)
- views/portal/Home.vue (navbar + footer)
- views/portal/ArticleView.vue (navbar + footer)
- views/portal/SpecialPlanDetail.vue (navbar + footer)
- views/portal/Publicity.vue (navbar + footer)
- views/portal/PublicityDetail.vue (navbar + footer)
- views/auth/Login.vue (登录页 logo)

每个 .logo-icon / .footer-logo-icon:
  HTML: <div class='logo-icon'>医</div> → 含 <img src='/logo.png'>
  CSS:  删 background/color/font-size/font-weight (字标样式)
       改 overflow:hidden + object-fit:contain (图片容器)

全站 '医' 字符占位符清零.
---
 ry-vue3/src/components/PortalShell.vue         | 12 ++++++------
 ry-vue3/src/views/auth/Login.vue               |  9 ++++-----
 ry-vue3/src/views/portal/ArticleView.vue       | 14 ++++++--------
 ry-vue3/src/views/portal/Home.vue              | 17 +++++++----------
 ry-vue3/src/views/portal/Publicity.vue         | 17 +++++++----------
 ry-vue3/src/views/portal/PublicityDetail.vue   | 17 +++++++----------
 ry-vue3/src/views/portal/SpecialPlanDetail.vue | 12 ++++++------
 7 files changed, 43 insertions(+), 55 deletions(-)

diff --git a/ry-vue3/src/components/PortalShell.vue b/ry-vue3/src/components/PortalShell.vue
index c9f9b70..96407fa 100644
--- a/ry-vue3/src/components/PortalShell.vue
+++ b/ry-vue3/src/components/PortalShell.vue
@@ -3,7 +3,7 @@
     <!-- ========== 顶部导航 ========== -->
     <header class="top-nav" :class="topNavClass">
       <a class="logo" title="返回首页" @click.prevent="goHome">
-        <div class="logo-icon">医</div>
+        <div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
         <div class="logo-text">
           <span class="logo-title">北京整合医学学会</span>
           <span class="logo-subtitle">Beijing Association of Holistic Integrative Medicine</span>
@@ -48,7 +48,7 @@
         <div class="footer-main">
           <div class="footer-brand">
             <div class="brand-row">
-              <div class="footer-logo-icon">医</div>
+              <div class="footer-logo-icon"><img src="/logo.png" alt="logo" /></div>
               <div>
                 <div class="footer-brand-name">北京整合医学学会</div>
                 <div class="footer-brand-en">Beijing Association of Holistic Integrative Medicine</div>
@@ -161,10 +161,10 @@ a { color: inherit; text-decoration: none; }
 .logo { display: flex; align-items: center; gap: 12px; }
 .logo-icon {
   width: 36px; height: 36px;
-  background: #fff; color: var(--brand-primary);
   display: flex; align-items: center; justify-content: center;
-  font-size: 18px; font-weight: 600;
+  overflow: hidden; flex-shrink: 0;
 }
+.logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 .logo-text { display: flex; flex-direction: column; line-height: 1.2; }
 .logo-title { font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 0.5px; }
 .logo-subtitle { font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 2px; letter-spacing: 0.3px; }
@@ -213,10 +213,10 @@ a { color: inherit; text-decoration: none; }
 .footer-brand .brand-row { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
 .footer-logo-icon {
   width: 36px; height: 36px;
-  background: #fff; color: var(--brand-primary);
   display: flex; align-items: center; justify-content: center;
-  font-size: 18px; font-weight: 600; flex-shrink: 0;
+  overflow: hidden; flex-shrink: 0;
 }
+.footer-logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 .footer-brand-name { font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 1px; }
 .footer-brand-en { font-size: 10px; color: rgba(255, 255, 255, 0.4); letter-spacing: 0.5px; margin-top: 2px; }
 .footer-desc { font-size: 13px; line-height: 1.9; color: rgba(255, 255, 255, 0.55); }
diff --git a/ry-vue3/src/views/auth/Login.vue b/ry-vue3/src/views/auth/Login.vue
index 06886b8..f0e03ad 100644
--- a/ry-vue3/src/views/auth/Login.vue
+++ b/ry-vue3/src/views/auth/Login.vue
@@ -3,7 +3,7 @@
     <!-- 顶部导航 -->
     <header class="header">
       <a class="logo" @click.prevent="$router.push('/portal/home')">
-        <div class="logo-icon">医</div>
+        <div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
         <div class="logo-text">
           <span class="logo-title">北京整合医学学会</span>
           <span class="logo-subtitle">Beijing Association of Holistic Integrative Medicine</span>
@@ -518,14 +518,13 @@ onUnmounted(() => {
 .login-page .logo-icon{
     width: 36px;
     height: 36px;
-    background: var(--brand-primary);
-    color: #fff;
+    background: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 18px;
-    font-weight: 600;
+    overflow: hidden;
 }
+.login-page .logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 
 .login-page .logo-text{
     display: flex;
diff --git a/ry-vue3/src/views/portal/ArticleView.vue b/ry-vue3/src/views/portal/ArticleView.vue
index e141de0..48869c4 100644
--- a/ry-vue3/src/views/portal/ArticleView.vue
+++ b/ry-vue3/src/views/portal/ArticleView.vue
@@ -2,7 +2,7 @@
   <div class="detail-page">
     <header class="top-nav" :class="topNavClass">
       <a class="logo" title="返回首页" @click.prevent="goHome">
-        <div class="logo-icon">医</div>
+        <div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
         <div class="logo-text">
           <span class="logo-title">北京整合医学学会</span>
           <span class="logo-subtitle">Beijing Association of Holistic Integrative Medicine</span>
@@ -51,7 +51,7 @@
         <div class="footer-main">
           <div class="footer-brand">
             <div class="brand-row">
-              <div class="footer-logo-icon">医</div>
+              <div class="footer-logo-icon"><img src="/logo.png" alt="logo" /></div>
               <div>
                 <div class="footer-brand-name">北京整合医学学会</div>
                 <div class="footer-brand-en">Beijing Association of Holistic Integrative Medicine</div>
@@ -199,11 +199,10 @@ a { color: inherit; text-decoration: none; }
 .logo { display: flex; align-items: center; gap: 12px; }
 .logo-icon {
     width: 36px; height: 36px;
-    background: #fff;
-    color: var(--brand-primary);
     display: flex; align-items: center; justify-content: center;
-    font-size: 18px; font-weight: 600;
+    overflow: hidden; flex-shrink: 0;
 }
+.logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 .logo-text { display: flex; flex-direction: column; line-height: 1.2; }
 .logo-title { font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 0.5px; }
 .logo-subtitle { font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 2px; letter-spacing: 0.3px; }
@@ -329,11 +328,10 @@ a { color: inherit; text-decoration: none; }
 .footer-brand .brand-row { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
 .footer-logo-icon {
     width: 36px; height: 36px;
-    background: #fff;
-    color: var(--brand-primary);
     display: flex; align-items: center; justify-content: center;
-    font-size: 18px; font-weight: 600; flex-shrink: 0;
+    overflow: hidden; flex-shrink: 0;
 }
+.footer-logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 .footer-brand-name { font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 1px; }
 .footer-brand-en { font-size: 10px; color: rgba(255, 255, 255, 0.4); letter-spacing: 0.5px; margin-top: 2px; }
 .footer-desc { font-size: 13px; line-height: 1.9; color: rgba(255, 255, 255, 0.55); }
diff --git a/ry-vue3/src/views/portal/Home.vue b/ry-vue3/src/views/portal/Home.vue
index 0b22eb2..162a6cc 100644
--- a/ry-vue3/src/views/portal/Home.vue
+++ b/ry-vue3/src/views/portal/Home.vue
@@ -2,7 +2,7 @@
   <div class="home-page">
     <header class="top-nav" :class="topNavClass">
       <a class="logo" title="返回首页" @click.prevent="onHome">
-        <div class="logo-icon">医</div>
+        <div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
         <div class="logo-text">
           <span class="logo-title">北京整合医学学会</span>
           <span class="logo-subtitle">Beijing Association of Holistic Integrative Medicine</span>
@@ -96,7 +96,7 @@
         <div class="footer-main">
             <div class="footer-brand">
                 <div class="brand-row">
-                    <div class="footer-logo-icon">医</div>
+                    <div class="footer-logo-icon"><img src="/logo.png" alt="logo" /></div>
                     <div>
                         <div class="footer-brand-name">北京整合医学学会</div>
                         <div class="footer-brand-en">Beijing Association of Holistic Integrative Medicine</div>
@@ -309,14 +309,13 @@ a { color: inherit; text-decoration: none; }
 .logo-icon {
     width: 36px;
     height: 36px;
-    background: #fff;
-    color: var(--brand-primary);
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 18px;
-    font-weight: 600;
+    overflow: hidden;
+    flex-shrink: 0;
 }
+.logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 
 .logo-text {
     display: flex;
@@ -717,15 +716,13 @@ a { color: inherit; text-decoration: none; }
 .footer-logo-icon {
     width: 36px;
     height: 36px;
-    background: #fff;
-    color: var(--brand-primary);
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 18px;
-    font-weight: 600;
+    overflow: hidden;
     flex-shrink: 0;
 }
+.footer-logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 
 .footer-brand-name {
     font-size: 16px;
diff --git a/ry-vue3/src/views/portal/Publicity.vue b/ry-vue3/src/views/portal/Publicity.vue
index d76026d..8e25ba3 100644
--- a/ry-vue3/src/views/portal/Publicity.vue
+++ b/ry-vue3/src/views/portal/Publicity.vue
@@ -2,7 +2,7 @@
   <div class="pub-page">
     <header class="top-nav" :class="topNavClass">
       <a class="logo" title="返回首页" @click.prevent="goHome">
-        <div class="logo-icon">医</div>
+        <div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
         <div class="logo-text">
           <span class="logo-title">北京整合医学学会</span>
           <span class="logo-subtitle">Beijing Association of Holistic Integrative Medicine</span>
@@ -81,7 +81,7 @@
         <div class="footer-main">
           <div class="footer-brand">
             <div class="brand-row">
-              <div class="footer-logo-icon">医</div>
+              <div class="footer-logo-icon"><img src="/logo.png" alt="logo" /></div>
               <div>
                 <div class="footer-brand-name">北京整合医学学会</div>
                 <div class="footer-brand-en">Beijing Association of Holistic Integrative Medicine</div>
@@ -309,14 +309,13 @@ a { color: inherit; text-decoration: none; }
 .logo-icon {
     width: 36px;
     height: 36px;
-    background: #fff;
-    color: var(--brand-primary);
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 18px;
-    font-weight: 600;
+    overflow: hidden;
+    flex-shrink: 0;
 }
+.logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 
 .logo-text {
     display: flex;
@@ -617,15 +616,13 @@ a { color: inherit; text-decoration: none; }
 .footer-logo-icon {
     width: 36px;
     height: 36px;
-    background: #fff;
-    color: var(--brand-primary);
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 18px;
-    font-weight: 600;
+    overflow: hidden;
     flex-shrink: 0;
 }
+.footer-logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 
 .footer-brand-name {
     font-size: 16px;
diff --git a/ry-vue3/src/views/portal/PublicityDetail.vue b/ry-vue3/src/views/portal/PublicityDetail.vue
index 02a4a40..af93457 100644
--- a/ry-vue3/src/views/portal/PublicityDetail.vue
+++ b/ry-vue3/src/views/portal/PublicityDetail.vue
@@ -2,7 +2,7 @@
   <div class="detail-page">
     <header class="top-nav" :class="topNavClass">
       <a class="logo" title="返回首页" @click.prevent="goHome">
-        <div class="logo-icon">医</div>
+        <div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
         <div class="logo-text">
           <span class="logo-title">北京整合医学学会</span>
           <span class="logo-subtitle">Beijing Association of Holistic Integrative Medicine</span>
@@ -118,7 +118,7 @@
         <div class="footer-main">
           <div class="footer-brand">
             <div class="brand-row">
-              <div class="footer-logo-icon">医</div>
+              <div class="footer-logo-icon"><img src="/logo.png" alt="logo" /></div>
               <div>
                 <div class="footer-brand-name">北京整合医学学会</div>
                 <div class="footer-brand-en">Beijing Association of Holistic Integrative Medicine</div>
@@ -869,14 +869,13 @@ a { color: inherit; text-decoration: none; }
 .logo-icon {
     width: 36px;
     height: 36px;
-    background: #fff;
-    color: var(--brand-primary);
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 18px;
-    font-weight: 600;
+    overflow: hidden;
+    flex-shrink: 0;
 }
+.logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 
 .logo-text {
     display: flex;
@@ -1335,15 +1334,13 @@ a { color: inherit; text-decoration: none; }
 .footer-logo-icon {
     width: 36px;
     height: 36px;
-    background: #fff;
-    color: var(--brand-primary);
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 18px;
-    font-weight: 600;
+    overflow: hidden;
     flex-shrink: 0;
 }
+.footer-logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 
 .footer-brand-name {
     font-size: 16px;
diff --git a/ry-vue3/src/views/portal/SpecialPlanDetail.vue b/ry-vue3/src/views/portal/SpecialPlanDetail.vue
index 5c18de2..58f66b9 100644
--- a/ry-vue3/src/views/portal/SpecialPlanDetail.vue
+++ b/ry-vue3/src/views/portal/SpecialPlanDetail.vue
@@ -2,7 +2,7 @@
   <div class="detail-page">
     <header class="top-nav" :class="topNavClass">
       <a class="logo" title="返回首页" @click.prevent="goHome">
-        <div class="logo-icon">医</div>
+        <div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
         <div class="logo-text">
           <span class="logo-title">北京整合医学学会</span>
           <span class="logo-subtitle">Beijing Association of Holistic Integrative Medicine</span>
@@ -72,7 +72,7 @@
         <div class="footer-main">
           <div class="footer-brand">
             <div class="brand-row">
-              <div class="footer-logo-icon">医</div>
+              <div class="footer-logo-icon"><img src="/logo.png" alt="logo" /></div>
               <div>
                 <div class="footer-brand-name">北京整合医学学会</div>
                 <div class="footer-brand-en">Beijing Association of Holistic Integrative Medicine</div>
@@ -227,10 +227,10 @@ a { color: inherit; text-decoration: none; }
 .logo { display: flex; align-items: center; gap: 12px; }
 .logo-icon {
     width: 36px; height: 36px;
-    background: #fff; color: var(--brand-primary);
     display: flex; align-items: center; justify-content: center;
-    font-size: 18px; font-weight: 600;
+    overflow: hidden; flex-shrink: 0;
 }
+.logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 .logo-text { display: flex; flex-direction: column; line-height: 1.2; }
 .logo-title { font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 0.5px; }
 .logo-subtitle { font-size: 11px; color: rgba(255,255,255,0.6); margin-top: 2px; letter-spacing: 0.3px; }
@@ -301,10 +301,10 @@ a { color: inherit; text-decoration: none; }
 .footer-brand .brand-row { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
 .footer-logo-icon {
     width: 36px; height: 36px;
-    background: #fff; color: var(--brand-primary);
     display: flex; align-items: center; justify-content: center;
-    font-size: 18px; font-weight: 600; flex-shrink: 0;
+    overflow: hidden; flex-shrink: 0;
 }
+.footer-logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 .footer-brand-name { font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 1px; }
 .footer-brand-en { font-size: 10px; color: rgba(255,255,255,0.4); letter-spacing: 0.5px; margin-top: 2px; }
 .footer-desc { font-size: 13px; line-height: 1.9; color: rgba(255,255,255,0.55); }