软件名称变更图片测试

src/App.vue

@@ -249,4 +249,7 @@ textarea {
   font-family: 'Times New Roman';
   text-shadow:1px 0.5px 1.5px #666;
 }
+.title-logo{
+  height: 40px;
+}
 </style>

src/views/login/index.vue

@@ -7,7 +7,11 @@
       <div class="login-l">
         <div class="login-logo">
           <img v-if="language === 'zh'" src="@/assets/zzlogo2.png" alt="" />
-          <img v-else-if="NODE_ENV === 'usa'" src="@/assets/zzlogo-usa.png" alt="" />
+          <img
+            v-else-if="NODE_ENV === 'usa'"
+            src="@/assets/zzlogo-usa.png"
+            alt=""
+          />
           <img v-else src="@/assets/zzlogo4.png" alt="" />
         </div>
         <div class="login-image">
@@ -17,8 +21,9 @@
       <div class="login-r">
         <div class="title-container">
           <!-- IRC Management System -->
-          <div class="system-title" v-if="NODE_ENV==='usa'">{{ $t("login:title:system_title") }}</div>
-          <div class="title" v-else>{{ $t("login:title:system") }}</div>
+          <!-- <div class="system-title" v-if="NODE_ENV==='usa'">{{ $t("login:title:system_title") }}</div>
+          <div class="title" v-else>{{ $t("login:title:system") }}</div> -->
+          <img :src="titleLogo" alt="" @click.stop="changeTitleLogo" class="title-logo"/>
         </div>
         <el-form
           ref="loginForm"
@@ -154,7 +159,9 @@
         "
       >
         <h1 style="text-align: center; margin-bottom: 20px">关于</h1>
-        <p style="margin-bottom: 20px" v-if="NODE_ENV==='usa'">{{ $t("login:title:system_title") }}</p>
+        <p style="margin-bottom: 20px" v-if="NODE_ENV === 'usa'">
+          {{ $t("login:title:system_title") }}
+        </p>
         <p style="margin-bottom: 20px" v-else>{{ $t("login:title:system") }}</p>
         <p style="margin-bottom: 20px">V1.5.1.001</p>
         <p style="margin-bottom: 20px" v-if="language === 'zh'">
@@ -184,11 +191,20 @@ import TopLang from "./topLang";
 // import NoticeMarquee from '../trials/trials-layout/components/noticeMarquee'
 import Vcode from "vue-puzzle-vcode";
 import Img1 from "@/assets/pic-2.png";
+import logo1 from "@/assets/logo1.png";
+import logo2 from "@/assets/logo2.png";
+import logo3 from "@/assets/logo3.png";
+import logo4 from "@/assets/logo4.png";
+import logo5 from "@/assets/logo5.png";
+import logo6 from "@/assets/logo6.png";
+import logo7 from "@/assets/logo7.png";
 export default {
   name: "Login",
   components: { TopLang, Vcode },
   data() {
     return {
+      titleLogo: logo1,
+      titleLogoIndex: 1,
       NODE_ENV: process.env.NODE_ENV,
       VUE_APP_OSS_CONFIG_REGION: process.env.VUE_APP_OSS_CONFIG_REGION,
       aboutVisible: false,
@@ -255,6 +271,35 @@ export default {
   },
   methods: {
     ...mapMutations({ setLanguage: "lang/setLanguage" }),
+    changeTitleLogo() {
+      this.titleLogoIndex++;
+      switch (this.titleLogoIndex) {
+        case 1:
+          this.titleLogo = logo1;
+          break;
+        case 2:
+          this.titleLogo = logo2;
+          break;
+        case 3:
+          this.titleLogo = logo3;
+          break;
+        case 4:
+          this.titleLogo = logo4;
+          break;
+        case 5:
+          this.titleLogo = logo5;
+          break;
+        case 6:
+          this.titleLogo = logo6;
+          break;
+        case 7:
+          this.titleLogo = logo7;
+          break;
+        default:
+          this.titleLogoIndex = 1;
+          this.titleLogo = logo1;
+      }
+    },
     openAbout() {
       this.aboutVisible = true;
     },
@@ -493,6 +538,7 @@ $light_gray: #606266;
       }
       .title-container {
         // margin-bottom: 50px;
+        text-align: center;
         margin-top: 15%;
         .title {
           font-size: 35px;