可信代码库-软件列表软件详情许可证信息展示修改、软件列表展示修改

src/components/LoginModal/index.vue

@@ -4,6 +4,7 @@ import GAuth from './widget/auth.vue';
 import GAgreement from './widget/agreement.vue';
 import GAgreements from './widget/agreements.vue';
 import GTitle from './widget/title.vue';
+import logo from '@/assets/imgs/logo.png'
 import { useModel } from '@/utils/hooks/useModel';
 import type { GLoginModalProps, GLogoProps } from './types';
 import { TransAssetsUrl } from '@/utils/asset';
@@ -785,8 +786,14 @@ onUnmounted(() => {
     :class="['login-modal', formType === 'login' ? 'login-modal-l' : 'login-modal-r']"
   >
     <template #header>
-      <div v-if="formType === 'login'" class="header-h1">国家可信开源代码库账号登录</div>
-      <div v-else class="header-h1">国家可信开源代码库账号注册</div>
+      <div v-if="formType === 'login'" class="header-h1">
+        <img :src="logo" alt="头像">
+        <div class="headertitel">国家可信开源代码库账号登录</div>
+      </div>
+      <div v-else class="header-h1">
+        <img :src="logo" alt="头像">
+        <div class="headertitel">国家可信开源代码库账号注册</div>
+      </div>
     </template>
     <template #default>
 <!--      <div v-if="formType === 'login'" class="header-h1">国家可信开源代码库账号登录</div>-->
@@ -801,13 +808,21 @@ $active-color: var(--color-CG800);
 $inactive-title: var(--color-CG500);
 $active-panel: var(--color-G800);
 .header-h1 {
-  letter-spacing: 0.5px;
-  line-height: 24px;
-  font-size: 20px;
-  color: #000000;
   padding-left: 16px;
-  padding-bottom: 20px;
+  padding-bottom: 10px;
   border-bottom: 1px solid #EDEDED;
+  display: flex;
+  align-items: center;
+  img {
+    width: 32px;
+    margin-right: 10px;
+  }
+  .headertitel {
+    letter-spacing: 0.5px;
+    line-height: 24px;
+    font-size: 20px;
+    color: #000000;
+  }
   *, :before, :after {
     box-sizing: border-box;
     border-width: 0;