From 48cc17b4a5dfdb8ca8ea8649e184f9f81d10b15e Mon Sep 17 00:00:00 2001
From: xlsea <m@xlsea.cn>
Date: Thu, 4 Jul 2024 11:59:05 +0800
Subject: [PATCH] =?UTF-8?q?feat(sj=5Fpreview):=20=E4=BD=93=E9=AA=8C?=
 =?UTF-8?q?=E7=AB=99=E6=96=B0=E5=A2=9EB=E7=AB=99=E5=AE=98=E6=96=B9?=
 =?UTF-8?q?=E8=B4=A6=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                     |  2 +-
 .env.test                                |  2 +-
 src/assets/svg-icon/bilibili.svg         |  1 +
 src/views/home/modules/header-banner.vue | 34 +++++++++++++++++++++---
 4 files changed, 34 insertions(+), 5 deletions(-)
 create mode 100644 src/assets/svg-icon/bilibili.svg

diff --git a/.env b/.env
index 4efbc51..5b1c96a 100644
--- a/.env
+++ b/.env
@@ -26,7 +26,7 @@ VITE_MENU_ICON=mdi:menu
 VITE_HTTP_PROXY=Y
 
 # vue-router mode: hash | history | memory
-VITE_ROUTER_HISTORY_MODE=hash
+VITE_ROUTER_HISTORY_MODE=history
 
 # success code of backend service, when the code is received, the request is successful
 VITE_SERVICE_SUCCESS_CODE=1
diff --git a/.env.test b/.env.test
index 952c067..c1be704 100644
--- a/.env.test
+++ b/.env.test
@@ -1,4 +1,4 @@
 VITE_BASE_URL=/
 
 # backend service base url, test environment
-VITE_SERVICE_BASE_URL=http://localhost:8080/snail-job
+VITE_SERVICE_BASE_URL=http://preview.easyretry.com/snail-job
diff --git a/src/assets/svg-icon/bilibili.svg b/src/assets/svg-icon/bilibili.svg
new file mode 100644
index 0000000..2581eaf
--- /dev/null
+++ b/src/assets/svg-icon/bilibili.svg
@@ -0,0 +1 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="zhuzhan-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.73252 2.67094C3.33229 2.28484 3.33229 1.64373 3.73252 1.25764C4.11291 0.890684 4.71552 0.890684 5.09591 1.25764L7.21723 3.30403C7.27749 3.36218 7.32869 3.4261 7.37081 3.49407H10.5789C10.6211 3.4261 10.6723 3.36218 10.7325 3.30403L12.8538 1.25764C13.2342 0.890684 13.8368 0.890684 14.2172 1.25764C14.6175 1.64373 14.6175 2.28484 14.2172 2.67094L13.364 3.49407H14C16.2091 3.49407 18 5.28493 18 7.49407V12.9996C18 15.2087 16.2091 16.9996 14 16.9996H4C1.79086 16.9996 0 15.2087 0 12.9996V7.49406C0 5.28492 1.79086 3.49407 4 3.49407H4.58579L3.73252 2.67094ZM4 5.42343C2.89543 5.42343 2 6.31886 2 7.42343V13.0702C2 14.1748 2.89543 15.0702 4 15.0702H14C15.1046 15.0702 16 14.1748 16 13.0702V7.42343C16 6.31886 15.1046 5.42343 14 5.42343H4ZM5 9.31747C5 8.76519 5.44772 8.31747 6 8.31747C6.55228 8.31747 7 8.76519 7 9.31747V10.2115C7 10.7638 6.55228 11.2115 6 11.2115C5.44772 11.2115 5 10.7638 5 10.2115V9.31747ZM12 8.31747C11.4477 8.31747 11 8.76519 11 9.31747V10.2115C11 10.7638 11.4477 11.2115 12 11.2115C12.5523 11.2115 13 10.7638 13 10.2115V9.31747C13 8.76519 12.5523 8.31747 12 8.31747Z" fill="currentColor"></path></svg>
diff --git a/src/views/home/modules/header-banner.vue b/src/views/home/modules/header-banner.vue
index 0428a9a..4d22bf0 100644
--- a/src/views/home/modules/header-banner.vue
+++ b/src/views/home/modules/header-banner.vue
@@ -43,7 +43,7 @@ const href = (url: string) => {
 <template>
   <NCard :bordered="false" class="card-wrapper">
     <NGrid :x-gap="gap" :y-gap="16" responsive="screen" item-responsive>
-      <NGi class="flex" span="24 s:24 m:18">
+      <NGi class="flex" span="24 s:24 m:12">
         <div class="flex-y-center">
           <div class="pl-12px">
             <h3 class="text-22px font-semibold">
@@ -53,8 +53,30 @@ const href = (url: string) => {
           </div>
         </div>
       </NGi>
-      <NGi span="24 s:24 m:6">
-        <div class="float-right max-w-250px flex flex-col-reverse">
+      <NGi class="flex-center" span="24 s:24 m:6">
+        <div class="float-right max-w-250px w-full flex flex-col-reverse">
+          <div class="order-9999 m-6px max-w-240px text-13px color-gray">
+            <span>官号</span>
+            <span class="float-right">
+              ❤️
+              <NButton text @click="href('https://snailjob.opensnail.com/docs/sponsor.html')">成为赞助商</NButton>
+            </span>
+          </div>
+          <NButton quaternary class="h-full" @click="href('https://space.bilibili.com/3493144058399579')">
+            <NThing class="max-w-full flex-center">
+              <template #avatar>
+                <SvgIcon class="text-66px color-#00aeec" local-icon="bilibili" />
+              </template>
+              <template #header>
+                <div class="bilibili-title color-#00aeec font-semibold">Open Snail</div>
+                <div class="flow-long-title ml-3px font-semibold">bilibili 官方账号</div>
+              </template>
+            </NThing>
+          </NButton>
+        </div>
+      </NGi>
+      <NGi class="flex-center" span="24 s:24 m:6">
+        <div class="float-right max-w-250px w-full flex flex-col-reverse">
           <div class="order-9999 m-6px max-w-240px text-13px color-gray">
             <span>广告</span>
             <span class="float-right">
@@ -94,4 +116,10 @@ const href = (url: string) => {
   line-height: 22px;
   font-size: 20px;
 }
+
+.bilibili-title {
+  text-align: cneter;
+  line-height: 36px;
+  font-size: 26px;
+}
 </style>