feat: save

packages/web/src/components/footer.vue

@@ -3,8 +3,8 @@
     <div class="w-full h-full flex flex-col justify-between max-w-screen-xl my-0 mx-auto">
       <div class="top w-full h-full mt-[60px] flex flex-row">
         <div class="left flex flex-col w-auto pr-[160px]">
-          <img v-if="locale==='zh'" src="@/assets/img/logo.png" alt="logo" class="h-[43px] w-[160px] mb-5" />
-          <img v-if="locale==='en'" src="@/assets/img/swsd-en.png" alt="logo" class="h-[43px] w-[160px] mb-5" />
+          <img v-if="locale === 'zh'" src="@/assets/img/logo.png" alt="logo" class="h-[43px] w-[160px] mb-5" />
+          <img v-if="locale === 'en'" src="@/assets/img/swsd-en.png" alt="logo" class="h-[43px] w-[160px] mb-5" />
           <span class="font-size-[16px]"> {{ $t('contact') }}</span>
           <span class="font-size-[24px] my-[10px]"> 400-669-8025</span>
           <span class="font-size-[16px] my-1"> {{ $t('sell_cor') }}：sales@4dage.com</span>
@@ -35,8 +35,8 @@
             <div class="infos-item flex flex-col gap-row-[10px]">
               <n-h6 class="text-white">{{ $t('about_us') }}</n-h6>
               <a target="_blank" href="https://www.4dkankan.com/#/about">{{ $t('company_profile') }}</a>
-              <a target="_blank" href="https://www.4dkankan.com/#/news">{{ $t('news_report') }}</a><a
-                target="_blank" href="https://www.4dkankan.com/#/distributor">{{ $t('distributor') }}</a>
+              <a target="_blank" href="https://www.4dkankan.com/#/news">{{ $t('news_report') }}</a><a target="_blank"
+                href="https://www.4dkankan.com/#/distributor">{{ $t('distributor') }}</a>
             </div>
           </div>
         </div>
@@ -80,7 +80,7 @@
 </template>
 <script setup lang="ts">
 import { NH6 } from 'naive-ui'
-const {  locale } = useI18n()
+const { locale } = useI18n()
 
 </script>
 
@@ -97,6 +97,8 @@ a:hover {
 
 .footer {
   background: linear-gradient(180deg, #0661c9 0%, #033063 100%);
+  font-family: PingFang SC, PingFang SC;
+  font-weight: 400;
 }
 
 

packages/web/src/locales/json/zh.json

@@ -5,7 +5,7 @@
   "helperTip": "有什么可以帮助你？",
   "enter_key": "输入关键字",
   "web_title": "帮助中心",
-  "sell_cor": "销售合作",
+  "sell_cor": "商务合作",
   "pub_r": "媒体采访",
   "contact": "联系我们",
   "products": "核心产品",

packages/web/src/pages/showdoc/[id].vue

@@ -15,17 +15,17 @@
       </div>
       <div class="w-full flex flex-row flex-nowrap">
         <div class="flex-basis-[240px] flex-grow-0 flex-shrink-0 br-1px_#EBEBEB overflow-hidden">
-          
-          <n-tree class="left-tree" v-model:selected-keys="selectedKeys" v-if="mainCategories" block-line :data="mainCategories.children"
-            :default-expanded-keys="defaultExpandedKeys" :node-props="nodeProps" key-field="id" label-field="title"
-            children-field="children" selectable >
-                <template #empty>
+
+          <n-tree class="left-tree" v-model:selected-keys="selectedKeys" v-if="mainCategories" block-line
+            :data="mainCategories.children" :default-expanded-keys="defaultExpandedKeys" :node-props="nodeProps"
+            key-field="id" label-field="title" children-field="children" selectable>
+            <template #empty>
               <n-empty :description="$t('no_data')" />
             </template>
-            </n-tree>
+          </n-tree>
 
         </div>
-        <div class="flex-1 w-[calc(100%-80px)] px-[40px] mb-[120px] overflow-hidden">
+        <div class="flex-1 pages w-[calc(100%-80px)] px-[40px] mb-[80px] overflow-hidden">
           <div class="bb-1px_#EBEBEB color-[#999999]">
             <n-h1 class="font-700"> {{ detail.title }}</n-h1>
             <span class="flex flex-row gap-col-6 pb-[15px]">
@@ -45,7 +45,7 @@
                 {{ articleNear[0].title }}
               </span>
               <span v-else>
-                {{$t('no_data')}}
+                {{ $t('no_data') }}
               </span>
 
             </div>
@@ -58,10 +58,11 @@
                 {{ articleNear[1].title }}
               </span>
               <span v-else>
-                {{$t('no_data')}}
+                {{ $t('no_data') }}
               </span>
             </div>
           </div>
+          <n-back-top to=".pages" :visibility-height="800" />
         </div>
 
         <div class="flex-basis-[240px] flex-grow-0 flex-shrink-0 overflow-hidden">
@@ -112,12 +113,12 @@ import {
   getNearArticles,
 } from '@/api'
 import { htmlToTree, createAnchorNames, dayjs, findNodeById, findBreadcrumbPath, type TreeNode } from '@/utils'
-import { NH1, NH2, NH4, NEmpty, NButton, NBreadcrumb, NBreadcrumbItem, NTree, NAnchor, NAnchorLink } from 'naive-ui'
+import { NH1, NH2, NH4, NBackTop, NEmpty, NButton, NBreadcrumb, NBreadcrumbItem, NTree, NAnchor, NAnchorLink } from 'naive-ui'
 import type { TreeOption } from 'naive-ui'
 
 const route = useRoute()
 const router = useRouter()
-const selectedKeys = ref([]); 
+const selectedKeys = ref([]);
 const params = route.params as {
   id?: number
 }
@@ -215,6 +216,16 @@ const handleBreadcrumb = (bread: TreeNode) => {
   height: auto;
 }
 
+.pages {
+  position: relative;
+  padding-bottom: 110px;
+}
+
+:deep(.n-back-top) {
+  position: absolute;
+  bottom: 0;
+}
+
 :deep(.left-tree) {
   --n-node-content-height: 40px !important;
   //--n-node-color-hover: rgba(6,97,201,0.06) !important;