引入特指导航头

app/components/news/new.vue

@@ -1,10 +1,6 @@
 <script lang="ts" setup>
 import {onMounted, ref} from "vue";
 
-// definePageMeta({
-//   layout: 'no-new'
-// })
-
 
 // 文章数据
 const articleData = ref({
@@ -118,7 +114,7 @@ const loadJSFiles = () => {
     '/news/jquery.1.11.3.min.js',
     '/news/bootstrap.min.js',
     '/news/float.js',
-  
+
   ]
 
   jsFiles.forEach(src => {
@@ -158,6 +154,65 @@ const loadCSSFiles = () => {
 
 <template>
   <view>
+    <!-- 顶部 -->
+    <nav class="navbar navbar-default navbar-fixed-top" style="background: rgba(255,255,255,1);">
+      <div class="container">
+
+        <div class="navbar-header">
+          <button class="navbar-toggle" data-target="#mynav" data-toggle="collapse">
+            <span>玉犀科技</span>
+          </button>
+          <a href="https://www.yuxiit.com/index.html"><img
+class="img-responsive"
+                                                           src="./玉犀景区SaaS平台 打造专业景区共享出行综合解决方案_玉犀科技_files/top_logo.png"></a>
+        </div>
+
+        <div id="mynav" class="collapse navbar-collapse">
+          <ul class="nav navbar-nav">
+            <li class="hidden-xs hidden-sm"><a href="http://www.yuxiit.com/">首页 <span class="sr-only">(current)</span></a>
+            </li>
+            <li class="dropdown">
+              <a data-toggle="dropdown" role="button">解决方案 <span class="caret"/></a>
+              <ul class="dropdown-menu">
+                <li><a class="menu-group" href="javascript:void(0);">共享</a></li>
+                <li><a href="http://bike.yuxiit.com/" target="_blank">共享单车</a></li>
+                <li><a href="http://www.yuxiit.com/carShare.html" target="_blank">共享汽车</a></li>
+                <li><a href="http://www.yuxiit.com/sharedbed.html">共享陪护床</a></li>
+                <li><a href="http://www.yuxiit.com/scooter.html">共享滑板车</a></li>
+                <li><a href="http://www.yuxiit.com/Ebike.html">共享助力车</a></li>
+                <li class="divider" role="separator"/>
+                <li><a class="menu-group" href="javascript:void(0);">餐饮</a></li>
+                <li><a href="http://tianmei.yuxiit.com/" target="_blank">天美点餐</a></li>
+                <li class="divider" role="separator"/>
+                <li><a class="menu-group" href="javascript:void(0);">房产</a></li>
+                <li><a href="http://hx.yuxiit.com/" target="_blank">汇享公寓</a></li>
+                <li class="divider" role="separator"/>
+              </ul>
+            </li>
+
+            <li class="dropdown">
+              <a
+aria-expanded="false" aria-haspopup="true" class="dropdown-toggle"
+                 data-toggle="dropdown" href="https://www.yuxiit.com/news/news_437.html#" role="button">定制开发 <span class="caret"/></a>
+              <ul class="dropdown-menu">
+                <li><a href="http://wechat.yuxiit.com/" target="_blank">微信开发</a></li>
+                <li class="divider" role="separator"/>
+                <li><a href="http://www.yuxiit.com/UI-s.html">APP开发</a></li>
+                <li class="divider" role="separator"/>
+                <li><a href="http://www.yuxiit.com/proDevelop.html">小程序开发</a></li>
+                <li class="divider" role="separator"/>
+              </ul>
+            </li>
+            <li><a href="http://www.yuxiit.com/aboutUs2019.html">关于玉犀 </a></li>
+          </ul>
+          <ul class="nav navbar-nav navbar-right">
+            <li><a href="https://www.yuxiit.com/news/news_437.html">电话：0755-85225123
+              <!-- <span class="hidden-xs hidden-sm"> 0755-85225123 / </span> 18123752516 --></a></li>
+          </ul>
+        </div><!-- /.navbar-collapse -->
+
+      </div>
+    </nav>
     <!-- 文章正文 -->
     <section class="container" style="margin-top: 88px;">
       <div class="row">

app/layouts/no-navigation.vue

@@ -0,0 +1,12 @@
+<script lang="ts" setup>
+</script>
+
+<template>
+  <div>
+    <!--    <AppHeader/>-->
+  
+    <slot/>
+    <BottomNavigation/>
+    <AppFooter/>
+  </div>
+</template>

app/pages/new.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 // 设置页面布局
 definePageMeta({
-  layout: 'no-new'
+  layout: 'no-navigation'
 })
 </script>