Skip to content

V
vue-ssr
Commit fe03b493 authored by lixy's avatar lixy
Browse files
Options

合并样式修复

parent f5fb06d4
Hide whitespace changes
Inline Side-by-side
Showing with 316 additions and 135 deletions
assets/menu.css
View file @ fe03b493
......@@ -11,10 +11,53 @@
}
}
.logo-t{
color: #333;
font-size: 16px;
}
.logo-d{
color: #9F9F9F;
font-size: 12px;
}
.users {
list-style-type: none;
display: flex;
width: 100%;
justify-content: space-between;
}
.users li a:hover, .users .active{
color: #1bbb9f !important;
border-bottom: 3px solid #1bbb9f !important;
}
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
@media screen and (min-width: 1120px) and (max-width: 1920px) {
.menu-logo-l {
width: 175px;
/*margin-right: 60px;*/
}
}
@media screen and (min-width: 1920px) {
.menu-logo-l {
width: 175px;
/*margin-right: 60px;*/
}
}
.menu-container {
position: fixed;
z-index: 999;
top:0;
top: 0;
width: 100%;
min-width: 1120px;
height: 120px;
......@@ -23,40 +66,144 @@
justify-content: center;
border-bottom: 1px solid #eee;
}
.logo-t{
.logo-t {
color: #333;
font-size: 16px;
}
.logo-d{
color: #9F9F9F;
.users {
list-style-type: none;
display: flex;
width: 1120px;
justify-content: space-between;
margin: 0 auto;
}
.secoud-li{
padding: 10px;
}
.menu-container .v-ul li {
margin: 0;
padding: 0;
list-style: none;
float: left;
cursor: pointer;
height:30px;line-height:30px;text-align:center;
margin-right:10px;
}
@media screen and (min-width: 1120px) and (max-width: 1920px) {
.menu-logo-l {
width: 175px;
/*margin-right: 60px;*/
}
}
@media screen and (min-width: 1920px) {
.menu-logo-l {
width: 175px;
/*margin-right: 60px;*/
}
}
.logo-d {
color: #9f9f9f;
font-size: 12px;
}
.menu {
justify-content: space-between;
font-family: sans-serif;
position: fixed;
top:50px;
top: 50px;
display: flex;
align-items: center;
width: 1120px;
margin: 0 auto;
}
.menu-new {
font-family: sans-serif;
position: fixed;
top: 120px;
display: flex;
align-items: center;
width: 100%;
margin: 0 auto;
background-color: #333;
height: 54px;
}
.users {
list-style-type: none;
display: flex;
width: 100%;
width: 1120px;
justify-content: space-between;
margin: 0 auto;
}
.users li a {
display: inline-block;
margin: 0 30px;
padding: 10px 0;
text-align: left;
color: #222;
color: #fff;
text-decoration: none;
border-bottom: 3px solid #fff;
border-bottom: 3px solid #333;
font-size: 18px;
}
.users li a:hover, .users .active{
.users li a:hover,
.active {
color: #1bbb9f !important;
border-bottom: 3px solid #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */
}
.triangle-down {
position: absolute;
top: 5px;
right: -20px;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #999;
border-bottom: 8px solid transparent;
}
.webMap {
position: absolute;
top: 30px;
right: 0px;
background-color: #fff;
padding: 24px 28px 24px 31px;
font-size: 14px;
width: 720px;
margin: 0 auto 30px auto;
background:rgba(255,255,255,1);
box-shadow:0px 5px 20px 0px rgba(153,153,153,0.3);
}
.v-ul {
margin: 0;
padding: 0;
margin-top: 15px;
list-style: none;
}
a{
text-decoration: none;
color: #666666
}
.menu-container .v-ul li:hover{
background-color: #1BBB9F;
color: #fff
}
.menu-container .v-ul li:hover a{
background-color: #1BBB9F;
color: #fff
}
.margin-Top{
margin-top:22px;
}
.menu-select{
width: 500px !important;
position: absolute;
}
.help:hover a{
color:#1BBB9F;
}
components/menu.vue
View file @ fe03b493
......@@ -7,7 +7,7 @@
style="width: 1120px; margin: 0 auto;font-size:12px;height: 40px;color: #666;position: relative"
>
<div>您好！欢迎进入欣新房车集团官方网站</div>
<div class="ft-14" style="position: relative">
<div class="ft-14" style="position: relative;right:20px;">
<span style="margin-right:30px" class="help"><nuxt-link to="/company">服务热线： 4000-369-369</nuxt-link></span>
<nuxt-link to="/indexWeb">
<span style="color:#666" @mouseenter="enter()" @mouseleave="leave()">网站地图</span>
......@@ -15,63 +15,79 @@
<span class="triangle-down"></span>
</div>
<!--v-if="visibleMap"-->
<div class="webMap" v-if="visibleMap" @mouseenter="enter()" @mouseleave="leave()">
<div style="padding-bottom:23px;overflow:hidden;border-bottom:1px solid #F2F2F2" >关于欣新</div>
<div style="border-bottom: 1px solid rgb(242, 242, 242);">
<ul class="v-ul clearfix" style="margin-bottom: 15px;">
<li>
<nuxt-link to="/aboutXx" >欣新介绍</nuxt-link>
</li>
</ul>
</div>
<div >
<div style="margin-top:23px">产品展示</div>
<ul class="v-ul clearfix">
<li style="margin-right:12px" @click="chooseVe()">
<!--<div style="margin-top:23px">产品展示</div>-->
<ul class="v-ul clearfix flex-aic">
<li style="margin-right:12px;min-width: 60px;" @click="chooseVe()">
房车租赁
</li>
<li
v-for="item in vehicleType"
:key="item.id"
style=""
@click="chooseVe(item.id)"
>{{item.name}}</li>
<div class="secoud-li">
<li
v-for="item in vehicleType"
:key="item.id"
style=""
@click="chooseVe(item.id)"
>{{item.name}}</li>
</div>
</ul>
<ul class="v-ul clearfix" style="margin-top:9px">
<li style="margin-right:12px;"
<ul class="v-ul clearfix flex-aic" style="margin-top:9px;">
<li style="margin-right:12px;min-width: 60px;"
@click="chooseSelect()">
房车旅行
</li>
<li
v-for="item in tourType"
:key="item.id"
@click="chooseSelect(item.id)"
>{{item.name}}</li>
<div class="secoud-li">
<li
v-for="item in tourType"
:key="item.id"
@click="chooseSelect(item.id)"
>{{item.name}}</li>
</div>
</ul>
<ul class="v-ul clearfix" style="margin-top:9px;padding-bottom:9px;border-bottom:1px solid #F2F2F2">
<li style="margin-right:12px" @click="chooseType()">
<ul class="v-ul clearfix flex-aic" style="margin-top:9px;padding-bottom:9px;border-bottom:1px solid #F2F2F2">
<li style="margin-right:12px;min-width: 60px;" @click="chooseType()">
房车营地
</li>
<li
v-for="item in campsiteType"
:key="item.id"
@click="chooseType(item.id)"
>{{item.name}}</li>
<div class="secoud-li">
<li
v-for="item in campsiteType"
:key="item.id"
@click="chooseType(item.id)"
>{{item.name}}</li>
</div>
</ul>
</div>
<div class="" style="padding:26px 0 ;border-bottom:1px solid #F2F2F2" >
<div style="">招商加盟</div>
</div>
<!--<div class="" style="padding:26px 0 ;border-bottom:1px solid #F2F2F2" >-->
<!--<div style="">招商加盟</div>-->
<!--</div>-->
<div class="" style="padding-bottom:12px;border-bottom:1px solid #F2F2F2">
<div style="padding-top:22px">新闻资讯</div>
<ul class="v-ul clearfix">
<li style="">
<nuxt-link to="/activity" >欣新活动</nuxt-link>
</li>
<li style="">
<li style="padding: 0 10px;">
<nuxt-link to="/news" >新闻动态</nuxt-link>
</li>
</ul>
</div>
<div class="margin-Top">
<div style="">联系我们</div>
</div>
</div>
<div>
<ul class="v-ul clearfix">
<li>
<nuxt-link to="/company" >联系我们</nuxt-link>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="menu">
......@@ -115,7 +131,7 @@
<nuxt-link
v-else
:to="menu.link"
:class="router.indexOf(menu.link) != -1?'active':''"
:class="menu.link.indexOf(router) != -1 && router!='/' ?'active':''"
>{{ menu.name }}</nuxt-link>
</li>
</ul>
......@@ -174,7 +190,7 @@ export default {
}else{
this.select = "/findList/all"
}
this.listQuery.keyword = this.$route.query.keywords;
let router = this.$route.path;
this.router = router;
......@@ -250,4 +266,10 @@ export default {
}
}
};
</script>
\ No newline at end of file
</script>
<style>
.secoud-li li{
padding: 0 10px !important;
}
</style>
pages/aboutXx.vue
View file @ fe03b493
<template>
<div>
<div class="about-xx">
<menu-modal></menu-modal>
<div class="main-container" style="background: #fff;padding-bottom: 30px;">
<vehicle-banner
......@@ -231,12 +231,12 @@
bannerClick () {
},
},
};
</script>
<style scoped>
.isFixed{
.about-xx .isFixed{
margin: 0 auto;
padding: 20px;
position: fixed;
......@@ -244,7 +244,7 @@
justify-content: center;
width: 100%;
background: #fff;
top:180px;
top:170px !important;
}
.brand-cn{
font-size: 16px;
......
pages/activityList/_id.vue
View file @ fe03b493
......@@ -3,7 +3,7 @@
<menu-modal></menu-modal>
<div class="main-container">
<div class="wrap">
<div class="bread-menu">
<div class="bread-menu" style="margin-top: 20px;">
<nuxt-link to="/">首页></nuxt-link>
<nuxt-link to="/activity">欣新活动></nuxt-link>
<span>{{detail.title}}</span>
......
pages/campsiteDetails/_id.vue
View file @ fe03b493
......@@ -3,7 +3,7 @@
<menu-modal></menu-modal>
<div class="main-container" >
<div class="wrap">
<div class="bread-menu">
<div class="bread-menu" style="margin-top: 20px;">
<nuxt-link to="/">首页></nuxt-link>
<nuxt-link to="/campsite">房车营地></nuxt-link>
<span>{{detail.name}}</span>
......@@ -150,7 +150,7 @@ export default {
let tempBannerData = await axios.get('/api/uccn/random/list/app/unauth/get?type=3');
let hot = tempBannerData.data.data;
hot.map(function(item){
item.link = encodeURI('/campsiteDetails/' + item.id+'?name='+item.title);
item.link = encodeURI('/campsiteDetails/' + item.id);
item.link = encodeURI(item.link)
});
let noticeData = await axios.get('/api/app/cofig/app/unauth/types?types=13');
......
pages/company.vue
View file @ fe03b493
......@@ -11,10 +11,10 @@
<div
style="font-size:20px;font-weight:Bold;text-align:center;margin-bottom:30px"
>欣新房车全国分布图</div>
<viewer>
<img id="image" src="https://mgmt.dfangche.com/xxfccn/image/contact/map.jpg" alt style="width:526px;height:430px" />
</viewer>
</div>
<div style="float:left;width:500px">
......@@ -77,7 +77,7 @@
<div style="margin-top: 31px;" v-if="this.visibility">该城市暂时没有分公司信息</div>
<div v-if="!this.visibility">
<ul class="v-ul clearfix">
<li v-for="item in childDetail" :key="item.comnpanyBaseId">
<li v-for="item in childDetail" :key="item.comnpanyBaseId" style="text-align: left;">
<h2 style="font-size:18px;margin-bottom:24px">{{item.name}}</h2>
<h2 style="font-size:12px;color:#999;margin-bottom:7px">
<i class="el-icon-phone"></i>
......@@ -168,7 +168,7 @@ export default {
addrCity:this.listQuery.addrCity,
addrProvince:this.listQuery.addrProvince
});
this.childDetail = data.data;
if(this.childDetail == undefined){
this.visibility = true
......@@ -228,7 +228,7 @@ export default {
this.getAll();
console.log(4);
}
}
},
head() {
......
pages/findList/all.vue
View file @ fe03b493
......@@ -25,7 +25,7 @@
</div>
</div>
<ul class="v-ul clearfix list">
<li v-for="item in carDetail.data" :key="item.id">
<li v-for="item in carDetail.data" :key="item.id" style="height: 160px;">
<nuxt-link :to="item.link" class="flex-aic-noc">
<div style="padding:13px 0 2px 28px">
<img style="width:152px;height:110px" :src="item.coverPic" alt="房车租赁" />
......@@ -79,7 +79,7 @@
<li v-for="item in tourDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.cover" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<div style="margin-left: 11px;position: relative;text-align: left;">
<h2 style="font-size: 18px;margin-top:10px">{{item.name}}</h2>
<button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">
旅游详情
......@@ -104,7 +104,7 @@
<li v-for="item in campsiteDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.logo" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<div style="margin-left: 11px;position: relative;text-align: left;">
<h2 style="font-size: 18px;margin-top:10px">{{item.address}}</h2>
<button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">
营地详情
......@@ -129,7 +129,7 @@
<li v-for="item in actDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.banner" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<div style="margin-left: 11px;position: relative;text-align: left;">
<h2 style="font-size: 18px;margin-top:10px">{{item.title}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">
<i class="el-icon-location"></i>
......@@ -154,7 +154,7 @@
<li v-for="item in newDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.coverImage" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<div style="margin-left: 11px;position: relative;text-align: left;">
<h2 style="font-size: 18px;margin-top:10px">{{item.title}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">{{item.addTime}}</h2>
</div>
......@@ -177,7 +177,7 @@
<div class="flex-aic-noc">
<!-- <nuxt-link to="/" class="flex-aic-noc"> -->
<img class="v-img-cover" :src="item.cover" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<div style="margin-left: 11px;position: relative;text-align: left;">
<h2 style="font-size: 18px;margin-top:10px">{{item.name}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">
<i class="el-icon-phone"></i>
......@@ -283,14 +283,14 @@ export default {
this.carDetail = data.vehicle;
// 旅游
data.tour.data.map(function(item) {
item.link = encodeURI("/tourDetails/" + item.id + "?name=" + item.name);
item.link = encodeURI("/tourDetails/" + item.id);
item.link = encodeURI(item.link);
});
this.tourDetail = data.tour;
//营地
data.campsite.data.map(function(item) {
item.link = encodeURI(
"/campsiteDetails/" + item.id + "?name=" + item.name
"/campsiteDetails/" + item.id
);
item.link = encodeURI(item.link);
});
......@@ -303,7 +303,7 @@ export default {
this.actDetail = data.activity;
//新闻
data.news.data.map(function(item) {
item.link = encodeURI("/newsList/" + item.id + "?name=" + item.title);
item.link = encodeURI("/newsList/" + item.id);
item.link = encodeURI(item.link);
});
this.newDetail = data.news;
......@@ -378,7 +378,7 @@ export default {
float: left;
border: 1px solid #eee;
width: 540px;
height: 140px;
min-height: 140px;
padding: 10px;
}
.list li:hover {
......
pages/findList/findActivity.vue
View file @ fe03b493
......@@ -3,9 +3,9 @@
<menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<div style="font-size:18px;font-weight:Bold">欣新活动</div>
......@@ -14,7 +14,7 @@
<li v-for="item in actDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.banner" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<div style="margin-left: 11px;position: relative;text-align: left;">
<h2 style="font-size: 18px;margin-top:10px">{{item.title}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">
<i class="el-icon-location"></i>
......@@ -32,9 +32,9 @@
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination>
</div>
</div>
</div>
<footer-modal></footer-modal>
......@@ -51,10 +51,10 @@ export default {
data() {
return {
router: "/",
totalCount:0,
actDetail: [],
listQuery: {
type: "activity",
keyword: "",
......@@ -86,7 +86,7 @@ export default {
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
console.log(data);
data.data.map(function(item) {
item.link = encodeURI(
"/activityList/" + item.id + "?name=" + item.name
......@@ -96,7 +96,7 @@ export default {
this.actDetail = data;
this.totalCount = data.totalCount
//活动
},
handleCurrentChange(val) {
this.listQuery.page = val;
......
pages/findList/findCampsite.vue
View file @ fe03b493
......@@ -3,9 +3,9 @@
<menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<div style="font-size:18px;font-weight:Bold">房车营地</div>
......@@ -14,7 +14,7 @@
<li v-for="item in campsiteDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.logo" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<div style="margin-left: 11px;position: relative;text-align: left;">
<h2 style="font-size: 18px;margin-top:10px">{{item.address}}</h2>
<button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">
营地详情
......@@ -32,9 +32,9 @@
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination>
</div>
</div>
</div>
<footer-modal></footer-modal>
......@@ -51,10 +51,10 @@ export default {
data() {
return {
router: "/",
totalCount:0,
campsiteDetail: [],
listQuery: {
type: "campsite",
keyword: "",
......@@ -85,10 +85,10 @@ export default {
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
console.log(data);
data.data.map(function(item) {
item.link = encodeURI(
"/campsiteDetails/" + item.id + "?name=" + item.name
"/campsiteDetails/" + item.id
);
item.link = encodeURI(item.link);
});
......
pages/findList/findCompany.vue
View file @ fe03b493
......@@ -3,18 +3,18 @@
<menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<div style="font-size:18px;font-weight:Bold">欣新子公司</div>
</div>
<ul class="v-ul clearfix list list-four">
<li v-for="item in companyDetail.data" :key="item.id">
<nuxt-link to="/" class="flex-aic-noc">
<div class="flex-aic-noc">
<img class="v-img-cover" :src="item.cover" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<div style="margin-left: 11px;position: relative;text-align: left;">
<h2 style="font-size: 18px;margin-top:10px">{{item.name}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">
<i class="el-icon-phone"></i>
......@@ -25,7 +25,7 @@
{{item.provinceName}} {{item.cityName}} {{item.townName}} {{item.address}}
</h2>
</div>
</nuxt-link>
</div>
</li>
</ul>
</div>
......@@ -36,9 +36,9 @@
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination>
</div>
</div>
</div>
<footer-modal></footer-modal>
......@@ -55,10 +55,10 @@ export default {
data() {
return {
router: "/",
totalCount:0,
companyDetail: [],
listQuery: {
type: "company",
keyword: "",
......@@ -89,7 +89,7 @@ export default {
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
console.log(data);
// data.data.map(function(item) {
// item.link = encodeURI(
// "/campsiteDetails/" + item.id + "?name=" + item.name
......
pages/findList/findNew.vue
View file @ fe03b493
......@@ -3,9 +3,9 @@
<menu-modal v-on:childByValue = "childByValue"></menu-modal>
<div class="main-container">
<div class="wrap" style="background:#fff">
<find-menu></find-menu>
<div>
<div class="margin-Top clearfix title-find">
<div style="font-size:18px;font-weight:Bold">欣新资讯</div>
......@@ -14,7 +14,7 @@
<li v-for="item in newDetail.list" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.coverImage" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<div style="margin-left: 11px;position: relative;text-align: left;">
<h2 style="font-size: 18px;margin-top:10px">{{item.title}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">{{item.addTime}}</h2>
</div>
......@@ -29,9 +29,9 @@
:page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
layout="total, sizes, prev, pager, next, jumper" :total="totalCount"></el-pagination>
</div>
</div>
</div>
<footer-modal></footer-modal>
......@@ -48,10 +48,10 @@ export default {
data() {
return {
router: "/",
totalCount:0,
newDetail: [],
listQuery: {
type: "news",
keyword: "",
......@@ -82,7 +82,7 @@ export default {
`/api/uccn/app/unauth/search?type=${this.listQuery.type}&keyword=${this.listQuery.keyword}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
);
console.log(data);
data.list.map(function(item) {
item.link = encodeURI(
"/newsList/" + item.id + "?name=" + item.name
......
pages/findList/findTour.vue
View file @ fe03b493
......@@ -14,7 +14,7 @@
<li v-for="item in tourDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.cover" alt="房车租赁" />
<div style="margin-left: 11px;position: relative">
<div style="margin-left: 11px;position: relative;text-align: left;">
<h2 style="font-size: 18px;margin-top:10px">{{item.name}}</h2>
<button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">旅游详情<img style="position: absolute;" src="../../assets/images/r.png"/></button>
</div>
......@@ -84,7 +84,7 @@ export default {
);
// 旅游
data.data.map(function(item){
item.link = encodeURI('/tourDetails/' + item.id+'?name='+item.name);
item.link = encodeURI('/tourDetails/' + item.id);
item.link = encodeURI(item.link);
});
this.tourDetail = data;
......@@ -99,7 +99,7 @@ export default {
this.listQuery.page = 1;
this.getAll();
},
}
};
</script>
......
pages/indexWeb.vue
View file @ fe03b493
......@@ -3,15 +3,21 @@
<menu-modal></menu-modal>
<div class="main-container">
<div class="wrap" style="">
<div style="margin: 20px 0;padding: 0" class="shouy">
<nuxt-link to="/" >首页></nuxt-link>
<span>网站地图</span>
</div>
<div class="webMap">
<div style="padding-bottom:23px;overflow:hidden;border-bottom:1px solid #F2F2F2" >关于欣新</div>
<div class="" style="padding-bottom:12px;border-bottom: 1px solid rgb(242, 242, 242);">
<ul class="v-ul clearfix" style="margin-top:9px;">
<li style="margin-right:12px" @click="jumpUrl('/aboutXx')">
欣新介绍
</li>
</ul>
</div>
<div >
<div style="margin-top:23px">产品展示</div>
<!--<div style="margin-top:23px">产品展示</div>-->
<ul class="v-ul clearfix">
<li style="margin-right:12px" @click="chooseVe()">
房车租赁
......@@ -45,24 +51,27 @@
>{{item.name}}</li>
</ul>
</div>
<div class="" style="padding:26px 0 ;border-bottom:1px solid #F2F2F2" >
<div style="">招商加盟</div>
</div>
<div class="" style="padding-bottom:12px;border-bottom:1px solid #F2F2F2">
<div style="padding-top:22px">新闻资讯</div>
<ul class="v-ul clearfix">
<li style="">
<nuxt-link to="/activity" >欣新活动</nuxt-link>
<!--<div class="" style="padding:26px 0 ;border-bottom:1px solid #F2F2F2" >-->
<!--<div style="">招商加盟</div>-->
<!--</div>-->
<div class="" style="padding-bottom:12px;">
<!--<div style="padding-top:22px">新闻资讯</div>-->
<ul class="v-ul clearfix" style="margin-top:9px;padding-bottom:9px;border-bottom:1px solid #F2F2F2">
<li style="margin-right:12px" @click="jumpUrl('/activity')">
欣新活动
</li>
<li style="">
<nuxt-link to="/news" >新闻动态</nuxt-link>
<li style="margin-right:12px" @click="jumpUrl('/news')">
新闻动态
</li>
</ul>
</div>
<div class="margin-Top">
<div style="">联系我们</div>
</div>
<div class="" style="padding-bottom:12px;">
<ul class="v-ul clearfix" style="margin-top:9px;">
<li style="margin-right:12px" @click="jumpUrl('/company')">
联系我们
</li>
</ul>
</div>
</div>
</div>
</div>
......@@ -100,6 +109,9 @@ export default {
this.$router.push({ path: '/tour', query: { tagIds: e } });
console.log(e);
},
jumpUrl(url){
this.$router.push(url);
},
chooseType(e){
if(e == undefined){
e = "",
......@@ -149,11 +161,11 @@ export default {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.webMap {
position: relative;
background-color: #fff;
padding: 24px 28px 24px 31px;
font-size: 14px;
width: 1120px;
height: 470px;
margin: 0 auto 30px auto;
}
......
pages/newsList/_id.vue
View file @ fe03b493
......@@ -3,7 +3,7 @@
<menu-modal></menu-modal>
<div class="main-container" >
<div class="wrap">
<div class="bread-menu">
<div class="bread-menu" style="margin-top: 20px;">
<nuxt-link to="/">首页></nuxt-link>
<nuxt-link to="/news">新闻动态></nuxt-link>
<span>{{detail.title}}</span>
......
pages/tourDetails/_id.vue
View file @ fe03b493
......@@ -3,7 +3,7 @@
<menu-modal></menu-modal>
<div class="main-container" >
<div class="wrap" >
<div class="bread-menu">
<div class="bread-menu" style="margin-top: 20px;">
<nuxt-link to="/">首页></nuxt-link>
<nuxt-link to="/tour">房车旅行></nuxt-link>
<span>{{detail.name}}</span>
......
pages/vehicleList/_id.vue
View file @ fe03b493
......@@ -3,7 +3,7 @@
<menu-modal></menu-modal>
<div class="main-container" >
<div class="wrap">
<div class="bread-menu">
<div class="bread-menu" style="margin-top: 20px;">
<nuxt-link to="/">首页></nuxt-link>
<nuxt-link to="/vehicle">房车租赁></nuxt-link>
<span>{{detail.name}}</span>
......
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