Skip to content

V
vue-ssr
Commit 0775b035 authored by linjw's avatar linjw
Browse files
Options

修改menu

parent 0cbd1057
Expand all Show whitespace changes
Inline Side-by-side
Showing with 382 additions and 129 deletions
assets/main.css
View file @ 0775b035
......@@ -93,7 +93,7 @@ body {
}
.main-container{
margin-top:120px;
margin-top:180px;
min-height: 600px;
min-width: 1120px;
overflow: hidden;
......
components/menu.vue
View file @ 0775b035
This diff is collapsed.
pages/aboutXx.vue
View file @ 0775b035
......@@ -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 0 → 100644
View file @ 0775b035
<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
View file @ 0775b035
......@@ -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>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment