修改menu

assets/main.css

@@ -93,7 +93,7 @@ body {
 }
 
 .main-container{
-  margin-top:120px;
+  margin-top:180px;
   min-height: 600px;
   min-width: 1120px;
   overflow: hidden;

pages/aboutXx.vue

@@ -172,7 +172,7 @@
         if(path == '/aboutXx'){
           var menuTop = document.querySelector('#historyNav').offsetTop;
           //滑动到指定位置菜单吸顶
-          if (scrollTop > menuTop-120) {
+          if (scrollTop > menuTop-180) {
             this.barFixed = true;
           }
           let top1 = document.querySelector('#history01').offsetTop;
@@ -244,7 +244,7 @@
     justify-content: center;
     width: 100%;
     background: #fff;
-    top:120px;
+    top:180px;
   }
   .brand-cn{
     font-size: 16px;

pages/indexWeb.vue

+<template>
+  <div class="container" style="background: #fff;">
+    <menu-modal></menu-modal>
+    <div class="main-container">
+      <div class="wrap" style="background:#fff">
+          
+        <div style="margin: 20px 0;padding: 0">
+          <nuxt-link to="/" style="color:#000">首页></nuxt-link>
+          <span>网站地图</span>
+        </div>
+        <div class="webMap">
+          <div style="font-weight:600">关于欣新</div>
+              <div class="margin-Top">
+                <div style="font-weight:600">产品展示</div>
+                <div style="margin-top:30px">房车租赁</div>
+                <ul class="v-ul clearfix">
+                  <li>房车旅行</li>
+                  <li  v-for="item in tourType" :key="item.id" style="margin-left:20px">
+                    {{item.name}}
+                  </li>
+                </ul>
+                <ul class="v-ul clearfix">
+                  <li>房车营地</li>
+                  <li  v-for="item in campsiteType" :key="item.id" style="margin-left:20px">
+                    {{item.name}}
+                  </li>
+                </ul>
+              </div>
+              <div class="margin-Top">
+                <div style="font-weight:600">招商加盟</div>
+              </div>
+              <div class="margin-Top">
+                 <ul class="v-ul clearfix">
+                  <li style="font-weight:600">新闻资讯</li>
+                  <li style="margin-left:20px">欣新活动</li>
+                  <li style="margin-left:20px">新闻动态</li>
+                </ul>
+              </div>
+              <div class="margin-Top">
+                <div style="font-weight:600">联系我们</div>
+              </div>
+        </div>
+      </div>
+    </div>
+    <footer-modal></footer-modal>
+  </div>
+</template>
+
+<script>
+import axios from "../plugins/axios";
+import menuModal from "../components/menu";
+import footerModal from "../components/footer";
+import GoTop from "../components/goTop";
+export default {
+  data() {
+    return {
+      tourType: [],
+      campsiteType: []
+    };
+  },
+  components: {
+    GoTop,
+    menuModal,
+    footerModal
+  },
+  created() {
+    this.getType();
+  },
+  methods: {
+    async getType() {
+      const tour = await axios.get("/api/uccn/app/unauth/tour/tagList");
+      this.tourType = tour.data.data;
+      const campsite = await axios.get(
+        "/api/campsite/campsiteTag/app/unauth/tags"
+      );
+      this.campsiteType = campsite.data.data;
+    }
+  }
+};
+</script>
+
+<style scoped>
+.clearfix:after {
+  /*伪元素是行内元素 正常浏览器清除浮动方法*/
+  content: "";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+.clearfix {
+  *zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
+}
+.webMap {
+  background-color: #fff;
+  padding: 20px;
+  font-size: 14px;
+  width: 1120px;
+  margin: 0 auto 30px auto;
+}
+
+.v-ul {
+  margin: 0;
+  padding: 0;
+  margin-top: 30px;
+  list-style: none;
+}
+.v-ul li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  float: left;
+}
+.margin-Top{
+  margin-top:70px
+}
+</style>

pages/tourDetails/_id.vue

@@ -9,40 +9,6 @@
           <span>{{detail.name}}</span>
         </div>
         <div class="clearfix" style="background-color:#fff;padding:40px 20px 40px 40px;width:1120px;height:536px">
-          <!-- <div style="float:left;width:544px;margin-right:10px">
-            <div class="gallery-top-box" style="width:100%">
-              <div class="swiper-container gallery-top" ref="mySwiper">
-                <div class="swiper-wrapper" >
-                  <div
-                    class="swiper-slide"
-                    v-for="(item,idx) in detail.pictureList"
-                    :key="idx"
-                  >
-                    <img :src="item.cover" style="width:100%;height:388px" />
-                  </div>
-                </div>
-              </div>
-              <div class="gallery-thumbs-box" >
-                <div class="swiper-container gallery-thumbs" >
-                  <div class="swiper-wrapper swiper-wrapper-thu" >
-                    <div
-                      class="swiper-slide"
-                      v-for="(item,index) in detail.pictureList"
-                      :key="index"
-                      @click="changeImgIndex(index,detail.pictureList.length)"
-                    >
-                      <img
-                        :src="item.cover"
-                        :class="preIndex==index?'active':''"
-                        alt
-                        style="width:100px;height:64px"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div> -->
           <div style="float:left;width:544px;margin-right:10px">
             <div class="gallery-top-box" style="width:100%">
               <div class="swiper-container gallery-top" ref="mySwiper">
@@ -131,7 +97,14 @@
         </div>
 
        <div class="clearfix" style="margin-top:40px">
-          <div style="float:left;width:800px;background-color:#fff;padding:31px 50px;">
+         <div style="float:left;width:190px;background-color:#fff;padding:40px 28px;margin-right:14px;">
+           <ul class="typeUl">
+             <li>行程亮点</li>
+             <li>行程介绍</li>
+             <li>报名须知</li>
+           </ul>
+         </div>
+          <div style="float:left;width:680px;background-color:#fff;padding:31px 50px;">
             <h3 style="font-size:16px;font-weight:bold;margin-bottom:20px">行程亮点</h3>
           <div  v-html="detail.content">
           </div>
@@ -142,15 +115,15 @@
           <div v-html="notice[0].value">
           </div>
           </div>
-         <div id = "fixContainer" class="hot-r-campsite" style="float:left;width:300px;margin-left:20px;background-color:#fff;text-align:center">
+         <div id = "fixContainer" class="hot-r-campsite" style="float:left;width:220px;margin-left:16px;background-color:#fff;text-align:center">
            <div id="tourHotId" :class="barFixed?'isFixed':''">
-             <h3 style="height:53px;font-weight:400;line-height:53px;border-bottom:1px solid #EEEEEE;font-size:16px">热门旅行</h3>
+             <h3 style="height:53px;font-weight:400;line-height:53px;border-bottom:1px solid #EEEEEE;font-size:14px">热门旅行</h3>
           <!--<div style="float:left;width:300px;margin-left:20px;background-color:#fff;text-align:center">-->
               <!--<h3 style="height:53px;font-weight:400;line-height:53px;border-bottom:1px solid #EEEEEE;font-size:16px">热门旅行</h3>-->
-              <div v-for="(item,index) in hotList" :key="index" style="width:100%;padding:25px 60px 0 60px">
-              <img :src="item.cover" alt="" style="width:180px;height:135px">
+              <div v-for="(item,index) in hotList" :key="index" style="width:100%;padding:25px 25px 0 25px">
+              <img :src="item.cover" alt="" style="width:161px;height:116px">
               <h5 style="overflow: hidden;text-overflow:ellipsis;margin:21px 0 30px 0;font-weight:400;font-size:16px;white-space: nowrap;">{{item.name}}</h5>
-               <nuxt-link :to="item.link"><button class="buttonDetail" style="font-size:14px;margin-bottom:57px" >旅游详情</button></nuxt-link>
+               <nuxt-link :to="item.link"><button class="buttonDetail" style="font-size:14px;margin-bottom:25px" >旅游详情</button></nuxt-link>
 
               </div>
            </div>
@@ -315,7 +288,7 @@ export default {
   .isFixed{
     position: fixed;
     top: 120px;
-    width: 300px;
+    width: 220px;
     background: #fff;
   }
 .clearfix:after {
@@ -393,6 +366,11 @@ export default {
   width: 32%;
   float: left;
 }
+.typeUl{
+  padding:0;
+  margin:0;
+  list-style:none;
+}
 </style>