Skip to content

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

合并样式修复

parent f5fb06d4
Show whitespace changes
Inline Side-by-side
Showing with 316 additions and 135 deletions
assets/menu.css
View file @ fe03b493
...@@ -11,10 +11,53 @@ ...@@ -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 { .menu-container {
position: fixed; position: fixed;
z-index: 999; z-index: 999;
top:0; top: 0;
width: 100%; width: 100%;
min-width: 1120px; min-width: 1120px;
height: 120px; height: 120px;
...@@ -23,40 +66,144 @@ ...@@ -23,40 +66,144 @@
justify-content: center; justify-content: center;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
.logo-t{ .logo-t {
color: #333; color: #333;
font-size: 16px; 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; font-size: 12px;
} }
.menu { .menu {
justify-content: space-between;
font-family: sans-serif; font-family: sans-serif;
position: fixed; position: fixed;
top:50px; top: 50px;
display: flex; display: flex;
align-items: center; align-items: center;
width: 1120px; width: 1120px;
margin: 0 auto; 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 { .users {
list-style-type: none; list-style-type: none;
display: flex; display: flex;
width: 100%; width: 1120px;
justify-content: space-between; justify-content: space-between;
margin: 0 auto;
} }
.users li a { .users li a {
display: inline-block; display: inline-block;
margin: 0 30px; margin: 0 30px;
padding: 10px 0; padding: 10px 0;
text-align: left; text-align: left;
color: #222; color: #fff;
text-decoration: none; text-decoration: none;
border-bottom: 3px solid #fff; border-bottom: 3px solid #333;
font-size: 18px; font-size: 18px;
} }
.users li a:hover, .users .active{ .users li a:hover,
.active {
color: #1bbb9f !important; 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 @@ ...@@ -7,7 +7,7 @@
style="width: 1120px; margin: 0 auto;font-size:12px;height: 40px;color: #666;position: relative" style="width: 1120px; margin: 0 auto;font-size:12px;height: 40px;color: #666;position: relative"
> >
<div>您好！欢迎进入欣新房车集团官方网站</div> <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> <span style="margin-right:30px" class="help"><nuxt-link to="/company">服务热线： 4000-369-369</nuxt-link></span>
<nuxt-link to="/indexWeb"> <nuxt-link to="/indexWeb">
<span style="color:#666" @mouseenter="enter()" @mouseleave="leave()">网站地图</span> <span style="color:#666" @mouseenter="enter()" @mouseleave="leave()">网站地图</span>
...@@ -15,60 +15,76 @@ ...@@ -15,60 +15,76 @@
<span class="triangle-down"></span> <span class="triangle-down"></span>
</div> </div>
<!--v-if="visibleMap"-->
<div class="webMap" v-if="visibleMap" @mouseenter="enter()" @mouseleave="leave()"> <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 >
<div style="margin-top:23px">产品展示</div> <!--<div style="margin-top:23px">产品展示</div>-->
<ul class="v-ul clearfix"> <ul class="v-ul clearfix flex-aic">
<li style="margin-right:12px" @click="chooseVe()"> <li style="margin-right:12px;min-width: 60px;" @click="chooseVe()">
房车租赁 房车租赁
</li> </li>
<div class="secoud-li">
<li <li
v-for="item in vehicleType" v-for="item in vehicleType"
:key="item.id" :key="item.id"
style="" style=""
@click="chooseVe(item.id)" @click="chooseVe(item.id)"
>{{item.name}}</li> >{{item.name}}</li>
</div>
</ul> </ul>
<ul class="v-ul clearfix" style="margin-top:9px"> <ul class="v-ul clearfix flex-aic" style="margin-top:9px;">
<li style="margin-right:12px;" <li style="margin-right:12px;min-width: 60px;"
@click="chooseSelect()"> @click="chooseSelect()">
房车旅行 房车旅行
</li> </li>
<div class="secoud-li">
<li <li
v-for="item in tourType" v-for="item in tourType"
:key="item.id" :key="item.id"
@click="chooseSelect(item.id)" @click="chooseSelect(item.id)"
>{{item.name}}</li> >{{item.name}}</li>
</div>
</ul> </ul>
<ul class="v-ul clearfix" style="margin-top:9px;padding-bottom:9px;border-bottom:1px solid #F2F2F2"> <ul class="v-ul clearfix flex-aic" style="margin-top:9px;padding-bottom:9px;border-bottom:1px solid #F2F2F2">
<li style="margin-right:12px" @click="chooseType()"> <li style="margin-right:12px;min-width: 60px;" @click="chooseType()">
房车营地 房车营地
</li> </li>
<div class="secoud-li">
<li <li
v-for="item in campsiteType" v-for="item in campsiteType"
:key="item.id" :key="item.id"
@click="chooseType(item.id)" @click="chooseType(item.id)"
>{{item.name}}</li> >{{item.name}}</li>
</ul>
</div> </div>
<div class="" style="padding:26px 0 ;border-bottom:1px solid #F2F2F2" > </ul>
<div style="">招商加盟</div>
</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 class="" style="padding-bottom:12px;border-bottom:1px solid #F2F2F2">
<div style="padding-top:22px">新闻资讯</div>
<ul class="v-ul clearfix"> <ul class="v-ul clearfix">
<li style=""> <li style="">
<nuxt-link to="/activity" >欣新活动</nuxt-link> <nuxt-link to="/activity" >欣新活动</nuxt-link>
</li> </li>
<li style=""> <li style="padding: 0 10px;">
<nuxt-link to="/news" >新闻动态</nuxt-link> <nuxt-link to="/news" >新闻动态</nuxt-link>
</li> </li>
</ul> </ul>
</div> </div>
<div class="margin-Top"> <div>
<div style="">联系我们</div> <ul class="v-ul clearfix">
<li>
<nuxt-link to="/company" >联系我们</nuxt-link>
</li>
</ul>
</div> </div>
</div> </div>
...@@ -115,7 +131,7 @@ ...@@ -115,7 +131,7 @@
<nuxt-link <nuxt-link
v-else v-else
:to="menu.link" :to="menu.link"
:class="router.indexOf(menu.link) != -1?'active':''" :class="menu.link.indexOf(router) != -1 && router!='/' ?'active':''"
>{{ menu.name }}</nuxt-link> >{{ menu.name }}</nuxt-link>
</li> </li>
</ul> </ul>
...@@ -251,3 +267,9 @@ export default { ...@@ -251,3 +267,9 @@ export default {
} }
}; };
</script> </script>
<style>
.secoud-li li{
padding: 0 10px !important;
}
</style>
pages/aboutXx.vue
View file @ fe03b493
<template> <template>
<div> <div class="about-xx">
<menu-modal></menu-modal> <menu-modal></menu-modal>
<div class="main-container" style="background: #fff;padding-bottom: 30px;"> <div class="main-container" style="background: #fff;padding-bottom: 30px;">
<vehicle-banner <vehicle-banner
...@@ -236,7 +236,7 @@ ...@@ -236,7 +236,7 @@
</script> </script>
<style scoped> <style scoped>
.isFixed{ .about-xx .isFixed{
margin: 0 auto; margin: 0 auto;
padding: 20px; padding: 20px;
position: fixed; position: fixed;
...@@ -244,7 +244,7 @@ ...@@ -244,7 +244,7 @@
justify-content: center; justify-content: center;
width: 100%; width: 100%;
background: #fff; background: #fff;
top:180px; top:170px !important;
} }
.brand-cn{ .brand-cn{
font-size: 16px; font-size: 16px;
......
pages/activityList/_id.vue
View file @ fe03b493
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<menu-modal></menu-modal> <menu-modal></menu-modal>
<div class="main-container"> <div class="main-container">
<div class="wrap"> <div class="wrap">
<div class="bread-menu"> <div class="bread-menu" style="margin-top: 20px;">
<nuxt-link to="/">首页></nuxt-link> <nuxt-link to="/">首页></nuxt-link>
<nuxt-link to="/activity">欣新活动></nuxt-link> <nuxt-link to="/activity">欣新活动></nuxt-link>
<span>{{detail.title}}</span> <span>{{detail.title}}</span>
......
pages/campsiteDetails/_id.vue
View file @ fe03b493
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<menu-modal></menu-modal> <menu-modal></menu-modal>
<div class="main-container" > <div class="main-container" >
<div class="wrap"> <div class="wrap">
<div class="bread-menu"> <div class="bread-menu" style="margin-top: 20px;">
<nuxt-link to="/">首页></nuxt-link> <nuxt-link to="/">首页></nuxt-link>
<nuxt-link to="/campsite">房车营地></nuxt-link> <nuxt-link to="/campsite">房车营地></nuxt-link>
<span>{{detail.name}}</span> <span>{{detail.name}}</span>
...@@ -150,7 +150,7 @@ export default { ...@@ -150,7 +150,7 @@ export default {
let tempBannerData = await axios.get('/api/uccn/random/list/app/unauth/get?type=3'); let tempBannerData = await axios.get('/api/uccn/random/list/app/unauth/get?type=3');
let hot = tempBannerData.data.data; let hot = tempBannerData.data.data;
hot.map(function(item){ hot.map(function(item){
item.link = encodeURI('/campsiteDetails/' + item.id+'?name='+item.title); item.link = encodeURI('/campsiteDetails/' + item.id);
item.link = encodeURI(item.link) item.link = encodeURI(item.link)
}); });
let noticeData = await axios.get('/api/app/cofig/app/unauth/types?types=13'); let noticeData = await axios.get('/api/app/cofig/app/unauth/types?types=13');
......
pages/company.vue
View file @ fe03b493
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
<div style="margin-top: 31px;" v-if="this.visibility">该城市暂时没有分公司信息</div> <div style="margin-top: 31px;" v-if="this.visibility">该城市暂时没有分公司信息</div>
<div v-if="!this.visibility"> <div v-if="!this.visibility">
<ul class="v-ul clearfix"> <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:18px;margin-bottom:24px">{{item.name}}</h2>
<h2 style="font-size:12px;color:#999;margin-bottom:7px"> <h2 style="font-size:12px;color:#999;margin-bottom:7px">
<i class="el-icon-phone"></i> <i class="el-icon-phone"></i>
......
pages/findList/all.vue
View file @ fe03b493
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
</div> </div>
</div> </div>
<ul class="v-ul clearfix list"> <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"> <nuxt-link :to="item.link" class="flex-aic-noc">
<div style="padding:13px 0 2px 28px"> <div style="padding:13px 0 2px 28px">
<img style="width:152px;height:110px" :src="item.coverPic" alt="房车租赁" /> <img style="width:152px;height:110px" :src="item.coverPic" alt="房车租赁" />
...@@ -79,7 +79,7 @@ ...@@ -79,7 +79,7 @@
<li v-for="item in tourDetail.data" :key="item.id"> <li v-for="item in tourDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc"> <nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.cover" alt="房车租赁" /> <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: 18px;margin-top:10px">{{item.name}}</h2>
<button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;"> <button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">
旅游详情 旅游详情
...@@ -104,7 +104,7 @@ ...@@ -104,7 +104,7 @@
<li v-for="item in campsiteDetail.data" :key="item.id"> <li v-for="item in campsiteDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc"> <nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.logo" alt="房车租赁" /> <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> <h2 style="font-size: 18px;margin-top:10px">{{item.address}}</h2>
<button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;"> <button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">
营地详情 营地详情
...@@ -129,7 +129,7 @@ ...@@ -129,7 +129,7 @@
<li v-for="item in actDetail.data" :key="item.id"> <li v-for="item in actDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc"> <nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.banner" alt="房车租赁" /> <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: 18px;margin-top:10px">{{item.title}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px"> <h2 style="font-size: 12px;color:#666666;margin-top:23px">
<i class="el-icon-location"></i> <i class="el-icon-location"></i>
...@@ -154,7 +154,7 @@ ...@@ -154,7 +154,7 @@
<li v-for="item in newDetail.data" :key="item.id"> <li v-for="item in newDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc"> <nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.coverImage" alt="房车租赁" /> <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: 18px;margin-top:10px">{{item.title}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">{{item.addTime}}</h2> <h2 style="font-size: 12px;color:#666666;margin-top:23px">{{item.addTime}}</h2>
</div> </div>
...@@ -177,7 +177,7 @@ ...@@ -177,7 +177,7 @@
<div class="flex-aic-noc"> <div class="flex-aic-noc">
<!-- <nuxt-link to="/" class="flex-aic-noc"> --> <!-- <nuxt-link to="/" class="flex-aic-noc"> -->
<img class="v-img-cover" :src="item.cover" alt="房车租赁" /> <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: 18px;margin-top:10px">{{item.name}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px"> <h2 style="font-size: 12px;color:#666666;margin-top:23px">
<i class="el-icon-phone"></i> <i class="el-icon-phone"></i>
...@@ -283,14 +283,14 @@ export default { ...@@ -283,14 +283,14 @@ export default {
this.carDetail = data.vehicle; this.carDetail = data.vehicle;
// 旅游 // 旅游
data.tour.data.map(function(item) { 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); item.link = encodeURI(item.link);
}); });
this.tourDetail = data.tour; this.tourDetail = data.tour;
//营地 //营地
data.campsite.data.map(function(item) { data.campsite.data.map(function(item) {
item.link = encodeURI( item.link = encodeURI(
"/campsiteDetails/" + item.id + "?name=" + item.name "/campsiteDetails/" + item.id
); );
item.link = encodeURI(item.link); item.link = encodeURI(item.link);
}); });
...@@ -303,7 +303,7 @@ export default { ...@@ -303,7 +303,7 @@ export default {
this.actDetail = data.activity; this.actDetail = data.activity;
//新闻 //新闻
data.news.data.map(function(item) { 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); item.link = encodeURI(item.link);
}); });
this.newDetail = data.news; this.newDetail = data.news;
...@@ -378,7 +378,7 @@ export default { ...@@ -378,7 +378,7 @@ export default {
float: left; float: left;
border: 1px solid #eee; border: 1px solid #eee;
width: 540px; width: 540px;
height: 140px; min-height: 140px;
padding: 10px; padding: 10px;
} }
.list li:hover { .list li:hover {
......
pages/findList/findActivity.vue
View file @ fe03b493
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<li v-for="item in actDetail.data" :key="item.id"> <li v-for="item in actDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc"> <nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.banner" alt="房车租赁" /> <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: 18px;margin-top:10px">{{item.title}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px"> <h2 style="font-size: 12px;color:#666666;margin-top:23px">
<i class="el-icon-location"></i> <i class="el-icon-location"></i>
......
pages/findList/findCampsite.vue
View file @ fe03b493
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<li v-for="item in campsiteDetail.data" :key="item.id"> <li v-for="item in campsiteDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc"> <nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.logo" alt="房车租赁" /> <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> <h2 style="font-size: 18px;margin-top:10px">{{item.address}}</h2>
<button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;"> <button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">
营地详情 营地详情
...@@ -88,7 +88,7 @@ export default { ...@@ -88,7 +88,7 @@ export default {
data.data.map(function(item) { data.data.map(function(item) {
item.link = encodeURI( item.link = encodeURI(
"/campsiteDetails/" + item.id + "?name=" + item.name "/campsiteDetails/" + item.id
); );
item.link = encodeURI(item.link); item.link = encodeURI(item.link);
}); });
......
pages/findList/findCompany.vue
View file @ fe03b493
...@@ -12,9 +12,9 @@ ...@@ -12,9 +12,9 @@
</div> </div>
<ul class="v-ul clearfix list list-four"> <ul class="v-ul clearfix list list-four">
<li v-for="item in companyDetail.data" :key="item.id"> <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="房车租赁" /> <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: 18px;margin-top:10px">{{item.name}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px"> <h2 style="font-size: 12px;color:#666666;margin-top:23px">
<i class="el-icon-phone"></i> <i class="el-icon-phone"></i>
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
{{item.provinceName}} {{item.cityName}} {{item.townName}} {{item.address}} {{item.provinceName}} {{item.cityName}} {{item.townName}} {{item.address}}
</h2> </h2>
</div> </div>
</nuxt-link> </div>
</li> </li>
</ul> </ul>
</div> </div>
......
pages/findList/findNew.vue
View file @ fe03b493
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<li v-for="item in newDetail.list" :key="item.id"> <li v-for="item in newDetail.list" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc"> <nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.coverImage" alt="房车租赁" /> <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: 18px;margin-top:10px">{{item.title}}</h2>
<h2 style="font-size: 12px;color:#666666;margin-top:23px">{{item.addTime}}</h2> <h2 style="font-size: 12px;color:#666666;margin-top:23px">{{item.addTime}}</h2>
</div> </div>
......
pages/findList/findTour.vue
View file @ fe03b493
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<li v-for="item in tourDetail.data" :key="item.id"> <li v-for="item in tourDetail.data" :key="item.id">
<nuxt-link :to="item.link" class="flex-aic-noc"> <nuxt-link :to="item.link" class="flex-aic-noc">
<img class="v-img-cover" :src="item.cover" alt="房车租赁" /> <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: 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> <button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">旅游详情<img style="position: absolute;" src="../../assets/images/r.png"/></button>
</div> </div>
...@@ -84,7 +84,7 @@ export default { ...@@ -84,7 +84,7 @@ export default {
); );
// 旅游 // 旅游
data.data.map(function(item){ 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); item.link = encodeURI(item.link);
}); });
this.tourDetail = data; this.tourDetail = data;
......
pages/indexWeb.vue
View file @ fe03b493
...@@ -9,9 +9,15 @@ ...@@ -9,9 +9,15 @@
<span>网站地图</span> <span>网站地图</span>
</div> </div>
<div class="webMap"> <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 >
<div style="margin-top:23px">产品展示</div> <!--<div style="margin-top:23px">产品展示</div>-->
<ul class="v-ul clearfix"> <ul class="v-ul clearfix">
<li style="margin-right:12px" @click="chooseVe()"> <li style="margin-right:12px" @click="chooseVe()">
房车租赁 房车租赁
...@@ -45,23 +51,26 @@ ...@@ -45,23 +51,26 @@
>{{item.name}}</li> >{{item.name}}</li>
</ul> </ul>
</div> </div>
<div class="" style="padding:26px 0 ;border-bottom:1px solid #F2F2F2" > <!--<div class="" style="padding:26px 0 ;border-bottom:1px solid #F2F2F2" >-->
<div style="">招商加盟</div> <!--<div style="">招商加盟</div>-->
</div> <!--</div>-->
<div class="" style="padding-bottom:12px;border-bottom:1px solid #F2F2F2"> <div class="" style="padding-bottom:12px;">
<div style="padding-top:22px">新闻资讯</div> <!--<div style="padding-top:22px">新闻资讯</div>-->
<ul class="v-ul clearfix"> <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 style=""> 欣新活动
<nuxt-link to="/activity" >欣新活动</nuxt-link>
</li> </li>
<li style=""> <li style="margin-right:12px" @click="jumpUrl('/news')">
<nuxt-link to="/news" >新闻动态</nuxt-link> 新闻动态
</li> </li>
</ul> </ul>
</div> </div>
<div class="margin-Top"> <div class="" style="padding-bottom:12px;">
<div style="">联系我们</div> <ul class="v-ul clearfix" style="margin-top:9px;">
<li style="margin-right:12px" @click="jumpUrl('/company')">
联系我们
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>
...@@ -100,6 +109,9 @@ export default { ...@@ -100,6 +109,9 @@ export default {
this.$router.push({ path: '/tour', query: { tagIds: e } }); this.$router.push({ path: '/tour', query: { tagIds: e } });
console.log(e); console.log(e);
}, },
jumpUrl(url){
this.$router.push(url);
},
chooseType(e){ chooseType(e){
if(e == undefined){ if(e == undefined){
e = "", e = "",
...@@ -149,11 +161,11 @@ export default { ...@@ -149,11 +161,11 @@ export default {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/ *zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
} }
.webMap { .webMap {
position: relative;
background-color: #fff; background-color: #fff;
padding: 24px 28px 24px 31px; padding: 24px 28px 24px 31px;
font-size: 14px; font-size: 14px;
width: 1120px; width: 1120px;
height: 470px;
margin: 0 auto 30px auto; margin: 0 auto 30px auto;
} }
......
pages/newsList/_id.vue
View file @ fe03b493
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<menu-modal></menu-modal> <menu-modal></menu-modal>
<div class="main-container" > <div class="main-container" >
<div class="wrap"> <div class="wrap">
<div class="bread-menu"> <div class="bread-menu" style="margin-top: 20px;">
<nuxt-link to="/">首页></nuxt-link> <nuxt-link to="/">首页></nuxt-link>
<nuxt-link to="/news">新闻动态></nuxt-link> <nuxt-link to="/news">新闻动态></nuxt-link>
<span>{{detail.title}}</span> <span>{{detail.title}}</span>
......
pages/tourDetails/_id.vue
View file @ fe03b493
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<menu-modal></menu-modal> <menu-modal></menu-modal>
<div class="main-container" > <div class="main-container" >
<div class="wrap" > <div class="wrap" >
<div class="bread-menu"> <div class="bread-menu" style="margin-top: 20px;">
<nuxt-link to="/">首页></nuxt-link> <nuxt-link to="/">首页></nuxt-link>
<nuxt-link to="/tour">房车旅行></nuxt-link> <nuxt-link to="/tour">房车旅行></nuxt-link>
<span>{{detail.name}}</span> <span>{{detail.name}}</span>
......
pages/vehicleList/_id.vue
View file @ fe03b493
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<menu-modal></menu-modal> <menu-modal></menu-modal>
<div class="main-container" > <div class="main-container" >
<div class="wrap"> <div class="wrap">
<div class="bread-menu"> <div class="bread-menu" style="margin-top: 20px;">
<nuxt-link to="/">首页></nuxt-link> <nuxt-link to="/">首页></nuxt-link>
<nuxt-link to="/vehicle">房车租赁></nuxt-link> <nuxt-link to="/vehicle">房车租赁></nuxt-link>
<span>{{detail.name}}</span> <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