logo、app-name-img

public/Vitiens.svg

@@ -0,0 +1,11 @@
+<svg width="279" height="62" viewBox="0 0 279 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3.80078L19.41 59.2208H35.85L55.7 3.80078H41.95L27.85 47.7408L14.59 3.80078H0Z" fill="white"/>
+<path d="M73.2319 19.6719H60.4219V59.2119H73.2319V19.6719Z" fill="white"/>
+<path d="M66.8163 14.82C70.9087 14.82 74.2262 11.5024 74.2262 7.40997C74.2262 3.31754 70.9087 0 66.8163 0C62.7238 0 59.4062 3.31754 59.4062 7.40997C59.4062 11.5024 62.7238 14.82 66.8163 14.82Z" fill="white"/>
+<path d="M138.349 19.6719H125.539V59.2119H138.349V19.6719Z" fill="#F2A453"/>
+<path d="M131.949 14.82C136.041 14.82 139.359 11.5024 139.359 7.40997C139.359 3.31754 136.041 0 131.949 0C127.857 0 124.539 3.31754 124.539 7.40997C124.539 11.5024 127.857 14.82 131.949 14.82Z" fill="#F2A453"/>
+<path d="M82.6328 19.6686V29.0186H90.4328V50.2086C90.4328 50.2086 91.6328 59.7786 101.133 60.5586C101.203 60.5586 122.183 62.1186 118.283 51.4886C115.873 47.1686 115.873 47.1686 115.873 47.1686C115.873 47.1686 107.933 56.3086 102.693 47.8786C102.763 44.4786 102.693 29.2386 102.693 29.2386H117.713V19.6686H102.973H102.123V7.05859C102.123 7.05859 92.6228 8.96859 90.1428 8.33859C90.1428 19.5386 90.1428 19.5386 90.1428 19.5386L82.6328 19.6686Z" fill="#F2A453"/>
+<path d="M180.753 46.37C180.753 46.37 176.123 53.08 167.993 51.94C167.993 51.94 158.263 51.94 157.883 42.87H187.273C187.273 42.87 190.953 18.9601 167.523 18.1101C167.523 18.2001 143.903 16.22 145.603 42.87C145.693 42.96 146.733 61.2001 169.323 61.4801C169.413 61.6701 182.693 61.6701 187.483 51.8401C180.753 46.3701 180.753 46.37 180.753 46.37ZM166.503 26.71C166.673 26.91 174.993 26.0101 175.373 36.1601C157.893 36.1601 157.893 36.1601 157.893 36.1601C157.893 36.1601 158.013 27.01 166.503 26.71Z" fill="#F2A453"/>
+<path d="M194.836 19.3411V59.5011H207.216V34.5611C207.216 34.5611 208.256 27.5711 215.346 28.8011C215.436 28.8911 220.826 27.8611 221.956 33.7111V59.5111H233.956V29.5611C233.956 29.5611 232.876 17.6811 221.616 18.6411C221.176 18.6811 220.636 18.7411 220.196 18.6911C218.086 18.4811 210.266 18.5412 207.026 26.7212C207.026 26.8112 205.326 19.7312 205.326 19.7312L194.836 19.3411Z" fill="#F2A453"/>
+<path d="M266.521 32.0105L276.441 30.1005C276.441 30.1005 273.111 16.3505 258.011 18.5905C258.011 18.5505 242.701 16.9905 242.211 32.0205C242.211 32.0905 241.431 43.5005 262.051 44.1405C262.051 44.1405 268.501 45.0605 268.071 48.6005C268.071 48.6005 265.381 55.6204 255.881 52.0704C255.881 52.0704 251.951 51.0104 250.421 46.1904C240.991 46.9704 240.361 46.9005 240.361 46.9005C240.361 46.9005 239.721 63.3405 264.741 60.7205C264.951 60.7905 282.391 58.9505 277.921 42.6505C277.921 42.6505 276.151 36.2004 265.091 35.5604C265.091 35.5604 248.581 34.8504 254.111 27.6204C254.051 27.7504 262.911 23.0805 266.521 32.0105Z" fill="#F2A453"/>
+</svg>

src/assets/images/common/Vitiens.svg

@@ -0,0 +1,11 @@
+<svg width="279" height="62" viewBox="0 0 279 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3.80078L19.41 59.2208H35.85L55.7 3.80078H41.95L27.85 47.7408L14.59 3.80078H0Z" fill="white"/>
+<path d="M73.2319 19.6719H60.4219V59.2119H73.2319V19.6719Z" fill="white"/>
+<path d="M66.8163 14.82C70.9087 14.82 74.2262 11.5024 74.2262 7.40997C74.2262 3.31754 70.9087 0 66.8163 0C62.7238 0 59.4062 3.31754 59.4062 7.40997C59.4062 11.5024 62.7238 14.82 66.8163 14.82Z" fill="white"/>
+<path d="M138.349 19.6719H125.539V59.2119H138.349V19.6719Z" fill="#F2A453"/>
+<path d="M131.949 14.82C136.041 14.82 139.359 11.5024 139.359 7.40997C139.359 3.31754 136.041 0 131.949 0C127.857 0 124.539 3.31754 124.539 7.40997C124.539 11.5024 127.857 14.82 131.949 14.82Z" fill="#F2A453"/>
+<path d="M82.6328 19.6686V29.0186H90.4328V50.2086C90.4328 50.2086 91.6328 59.7786 101.133 60.5586C101.203 60.5586 122.183 62.1186 118.283 51.4886C115.873 47.1686 115.873 47.1686 115.873 47.1686C115.873 47.1686 107.933 56.3086 102.693 47.8786C102.763 44.4786 102.693 29.2386 102.693 29.2386H117.713V19.6686H102.973H102.123V7.05859C102.123 7.05859 92.6228 8.96859 90.1428 8.33859C90.1428 19.5386 90.1428 19.5386 90.1428 19.5386L82.6328 19.6686Z" fill="#F2A453"/>
+<path d="M180.753 46.37C180.753 46.37 176.123 53.08 167.993 51.94C167.993 51.94 158.263 51.94 157.883 42.87H187.273C187.273 42.87 190.953 18.9601 167.523 18.1101C167.523 18.2001 143.903 16.22 145.603 42.87C145.693 42.96 146.733 61.2001 169.323 61.4801C169.413 61.6701 182.693 61.6701 187.483 51.8401C180.753 46.3701 180.753 46.37 180.753 46.37ZM166.503 26.71C166.673 26.91 174.993 26.0101 175.373 36.1601C157.893 36.1601 157.893 36.1601 157.893 36.1601C157.893 36.1601 158.013 27.01 166.503 26.71Z" fill="#F2A453"/>
+<path d="M194.836 19.3411V59.5011H207.216V34.5611C207.216 34.5611 208.256 27.5711 215.346 28.8011C215.436 28.8911 220.826 27.8611 221.956 33.7111V59.5111H233.956V29.5611C233.956 29.5611 232.876 17.6811 221.616 18.6411C221.176 18.6811 220.636 18.7411 220.196 18.6911C218.086 18.4811 210.266 18.5412 207.026 26.7212C207.026 26.8112 205.326 19.7312 205.326 19.7312L194.836 19.3411Z" fill="#F2A453"/>
+<path d="M266.521 32.0105L276.441 30.1005C276.441 30.1005 273.111 16.3505 258.011 18.5905C258.011 18.5505 242.701 16.9905 242.211 32.0205C242.211 32.0905 241.431 43.5005 262.051 44.1405C262.051 44.1405 268.501 45.0605 268.071 48.6005C268.071 48.6005 265.381 55.6204 255.881 52.0704C255.881 52.0704 251.951 51.0104 250.421 46.1904C240.991 46.9704 240.361 46.9005 240.361 46.9005C240.361 46.9005 239.721 63.3405 264.741 60.7205C264.951 60.7905 282.391 58.9505 277.921 42.6505C277.921 42.6505 276.151 36.2004 265.091 35.5604C265.091 35.5604 248.581 34.8504 254.111 27.6204C254.051 27.7504 262.911 23.0805 266.521 32.0105Z" fill="#F2A453"/>
+</svg>

src/components/headerView/index.vue

@@ -5,8 +5,7 @@
         <div class="left">
           <div class="logo">
             <img src="@/assets/images/common/logo.svg" alt="Vitiens" class="logo-icon" />
-            <span class="logo-vi">Vi</span>
-            <span class="logo-tiens">tiens</span>
+            <img src="@/assets/images/common/Vitiens.svg" alt="Vitiens" class="logo-text" />
           </div>
         </div>
         <div class="header-right">
@@ -140,12 +139,8 @@ onUnmounted(() => {
           margin-right: min(1.5vw, 6px);
         }
 
-        .logo-vi {
-          color: #ffffff;
-        }
-
-        .logo-tiens {
-          color: #ffc300;
+        .logo-text {
+          height: min(5vw, 24px);
         }
       }
     }

src/views/about/index.vue

@@ -12,7 +12,7 @@
       <div class="app-logo">
         <img src="@/assets/images/common/logo.svg" alt="Vitiens" />
       </div>
-      <div class="app-name">Vitiens</div>
+      <div class="app-name"><img src="@/assets/images/common/Vitiens.svg" alt="Vitiens" class="app-name-img" /></div>
       <div class="app-version">Version {{ version }}</div>
     </div>
 
@@ -139,23 +139,24 @@ const goBack = () => {
     width: 80px;
     height: 80px;
     margin: 0 auto 16px;
-    background: linear-gradient(135deg, #ffc300 0%, #ff9500 100%);
     border-radius: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
+    overflow: hidden;
 
     img {
-      width: 60px;
-      height: 60px;
-      object-fit: contain;
+      width: 100%;
+      height: 100%;
     }
   }
 
   .app-name {
-    font-size: 24px;
-    font-weight: bold;
-    color: #fff;
+    .app-name-img {
+      height: 24px;
+      margin: auto;
+      display: block;
+    }
   }
 
   .app-version {

src/views/login/index.vue

@@ -5,7 +5,7 @@
       <div class="logo">
         <img src="@/assets/images/common/logo.svg" alt="Vitiens" class="logo-img" />
       </div>
-      <div class="title">Vitiens</div>
+      <div class="title"><img src="@/assets/images/common/Vitiens.svg" alt="Vitiens" class="title-img" /></div>
       <div class="subtitle">{{ $t('home.taskCenter') }}</div>
     </div>
 
@@ -836,10 +836,15 @@ const goRegister = () => {
   }
 
   .title {
-    font-size: min(5.867vw, 28px);
-    font-weight: bold;
-    color: #fff;
+    width: 100%;
     margin-bottom: min(1.067vw, 5.12px);
+    text-align: center;
+
+    .title-img {
+      height: min(5.867vw, 28px);
+      margin: auto;
+      display: block;
+    }
   }
 
   .subtitle {