Merge pull request #8 from emNavi/dev

Dev

Author: hyln

docs/.vuepress/client.js

@@ -2,28 +2,28 @@ import { defineClientConfig } from 'vuepress/client'
 import RepoCard from 'vuepress-theme-plume/features/RepoCard.vue'
 import CustomComponent from './theme/components/Custom.vue'
 import Intro from './theme/components/intro.vue'
-import Feature1 from './theme/components/feature1.vue'
-import Feature2 from './theme/components/feature2.vue'
-import Feature3 from './theme/components/feature3.vue'
+
 import LrShow from './theme/components/lrshow.vue'
 import BigTitle from './theme/components/bigtitle.vue'
 import Spec from './theme/components/spec.vue'
 import UsageSteps from './theme/components/usage_steps.vue'
 import BlankRow from './theme/components/blank_row.vue'
+import FeatureType1 from './theme/components/feature_type_1.vue'
+import FeatureType2 from './theme/components/feature_type_2.vue'
+
 import './theme/styles/custom.css'
 
 export default defineClientConfig({
   enhance({ app }) {
     app.component('RepoCard', RepoCard)
     app.component('CustomComponent', CustomComponent)
     app.component('Intro', Intro)
-    app.component('Feature1', Feature1)
-    app.component('Feature2', Feature2)
-    app.component('Feature3', Feature3)
     app.component('LrShow', LrShow)
     app.component('BigTitle', BigTitle)
     app.component('Spec',Spec)
     app.component('UsageSteps',UsageSteps)
     app.component('BlankRow',BlankRow)
+    app.component('FeatureType1', FeatureType1)
+    app.component('FeatureType2', FeatureType2)
   },
 })

docs/.vuepress/navbar.js

@@ -10,7 +10,7 @@ export const zhNavbar = defineNavbarConfig([
       { text: 'X280 飞行平台', link: '/notes/X280/README.md' },
     ]
   },
-  // {text: '视觉定位导航套件', link: '/notes/GhostLoc/README.md'}
+  {text: '视觉定位导航套件', link: '/notes/GhostLoc/README.md'}
   // {text: '关于', link: '/about.md'}
 ])
 

docs/.vuepress/theme/components/bigtitle.vue

@@ -4,7 +4,7 @@ import { ref, defineProps } from 'vue'
 const props = defineProps({
     videoUrl: {
         type: String,
-        default: 'http://file.emnavi.tech/GhostLocVideo/GNSS_VPS_demo3.mp4' // 替换为你的视频链接
+        default: 'https://file.emnavi.tech/MEDIA_ASSETS/GhostLoc/ghostloc_intro_video.m4v' // 替换为你的视频链接
     },
     planetUrl: {
         type: String,
@@ -20,7 +20,7 @@ const props = defineProps({
     },
     buttonText: {
         type: String,
-        default: '开始'
+        default: 'EXPLORE'
     }
 })
 const videoUrl = props.videoUrl
@@ -36,10 +36,10 @@ const buttonText = ref(props.buttonText)
                 <span v-for="line in title.split('\n')" :key="line">{{ line }}</span>
             </h1>
             <p class="bigtitle-subtitle">{{ subtitle }}</p >
-            <button class="bigtitle-btn">
+            <a href="#next-section" class="bigtitle-btn">
                 {{ buttonText }}
                 <span class="arrow">→</span>
-            </button>
+            </a>
         </div>
         <video
             class="bigtitle-video"
@@ -92,9 +92,12 @@ const buttonText = ref(props.buttonText)
     border-radius: 6px;
     cursor: pointer;
     transition: background 0.2s, color 0.2s;
-    display: flex;
+    display: inline-flex;
     align-items: center;
     gap: 8px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 .bigtitle-btn:hover {
     background: #fff;
@@ -106,9 +109,9 @@ const buttonText = ref(props.buttonText)
 .bigtitle-video {
     position: absolute;
     right: 0;
-    top: 50%;
+    top: 44%;
     transform: translateY(-50%);
-    width: 60vw;
+    width: 65vw;
     height: 100vh;
     object-fit: cover;
     z-index: 1;