Commit 2ec0fb54 authored by guoyou's avatar guoyou

官网改版

parent 49261966
......@@ -11,7 +11,7 @@ let layouts = {
let resolvedLayouts = {}
export default {
head: {"title":"欣新房车—房车·让生活更美好-房车销售丨房车租赁丨房车旅游丨房车托管","meta":[{"charset":"utf-8"},{"name":"viewport","content":"width=device-width, initial-scale=1"},{"hid":"keywords","name":"keywords","content":"欣新房车,房车旅游,房车,房车租赁,房车销售,房车价格,房车之家,房车经济,房车高峰论坛"},{"hid":"description","name":"description","content":"欣新房车是一家专业从事房车销售,房车租赁,房车旅游,房车托管及房车产业配套与服务的免费异地取车异地还车已在全国各地举办多届房车经济峰会的集团股份公司"}],"link":[{"rel":"icon","type":"image\u002Fx-icon","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fimage\u002F1\u002Fapp\u002F5d9c62b7412efd926f70e0ed5efb19a.png"},{"rel":"stylesheet","href":"https:\u002F\u002Ffonts.googleapis.com\u002Fcss?family=Roboto:300,400,500,700,400italic"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fmain.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fmenu.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Ffooter.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Findex.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Ficonfont.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002FgoTop.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fswiper.min.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fwww.xxfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fel\u002Findex.css"}],"script":[{"src":"https:\u002F\u002Fdev.dfangche.com\u002Fh5\u002FappHtml\u002Fjs\u002Futil.js"}],"style":[]},
head: {"title":"欣新房车—房车·让生活更美好-房车销售丨房车租赁丨房车旅游丨房车托管","meta":[{"charset":"utf-8"},{"name":"viewport","content":"width=device-width, initial-scale=1"},{"hid":"keywords","name":"keywords","content":"欣新房车,房车旅游,房车,房车租赁,房车销售,房车价格,房车之家,房车经济,房车高峰论坛"},{"hid":"description","name":"description","content":"欣新房车是一家专业从事房车销售,房车租赁,房车旅游,房车托管及房车产业配套与服务的免费异地取车异地还车已在全国各地举办多届房车经济峰会的集团股份公司"}],"link":[{"rel":"icon","type":"image\u002Fx-icon","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fimage\u002F1\u002Fapp\u002F5d9c62b7412efd926f70e0ed5efb19a.png"},{"rel":"stylesheet","href":"https:\u002F\u002Ffonts.googleapis.com\u002Fcss?family=Roboto:300,400,500,700,400italic"},{"rel":"stylesheet","href":"http:\u002F\u002Fxxtest.upyuns.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fmain.css"},{"rel":"stylesheet","href":"http:\u002F\u002Fxxtest.upyuns.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fmenu.css"},{"rel":"stylesheet","href":"http:\u002F\u002Fxxtest.upyuns.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Ffooter.css"},{"rel":"stylesheet","href":"http:\u002F\u002Fxxtest.upyuns.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Findex.css"},{"rel":"stylesheet","href":"http:\u002F\u002Fxxtest.upyuns.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Ficonfont.css"},{"rel":"stylesheet","href":"http:\u002F\u002Fxxtest.upyuns.com\u002Fxxfccn\u002Fcss\u002Fpc\u002FgoTop.css"},{"rel":"stylesheet","href":"http:\u002F\u002Fxxtest.upyuns.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fswiper.min.css"},{"rel":"stylesheet","href":"http:\u002F\u002Fxxtest.upyuns.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fel\u002Findex.css"}],"script":[{"src":"https:\u002F\u002Fdev.dfangche.com\u002Fh5\u002FappHtml\u002Fjs\u002Futil.js"}],"style":[]},
render(h, props) {
const loadingEl = h('nuxt-loading', { ref: 'loading' })
const layoutEl = h(this.layout || 'nuxt')
......
.footer-container {
width: 100%;
height: 300px;
height: 230px;
position: relative;
background:url(https://mgmt.dfangche.com/xxfccn/image/home/background04.jpg) no-repeat;
/* background:url(https://mgmt.dfangche.com/xxfccn/image/home/background04.jpg) no-repeat; */
color: #fff;
margin-top: -5px;
background: #fff;
}
.footer {
font-family: sans-serif;
padding: 10px 0;
display: flex;
width: 1120px;
margin: 0 auto;
......
......@@ -156,9 +156,10 @@ li {
width: 49.5%;
float: left;
background: #fff;
padding-bottom: 10px;
padding-bottom: 17px;
transition: all 0.2s linear;
overflow: hidden;
border: 1px solid #eee;
}
.swiper-containerActivity .left:hover {
......@@ -210,6 +211,7 @@ li {
padding: 12px 10px;
margin-bottom: 10px;
background: #fff;
border: 1px solid #eee;
transition: all 0.2s linear;
}
......@@ -548,7 +550,7 @@ li {
transition: all .3s ease;
color: #fff;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, .15);
background: rgba(27,187,159, 1);
background: rgba(27, 187, 159, 1);
}
.tourActive .tour-t-s,
......@@ -565,11 +567,11 @@ li {
.hot-car {
background: rgb(68, 68, 68);
position: relative;
background: rgb(245, 245, 245);
}
.embellish-1,
/* .embellish-1,
.embellish-2,
.embellish-3 {
border-radius: 40px;
......@@ -597,11 +599,8 @@ li {
height: 225px;
top: 97px;
right: -37px;
}
/* .hot-car .flex-aic-jcb a{
color: #fff;
} */
.hot-car .min-win .v-type-ul {
color: #fff;
width: 400px;
......@@ -624,14 +623,9 @@ li {
margin: 0;
}
/* .hot-car .min-win a {
position: absolute;
top: 0;
right: 0;
} */
.hot-car .min-win ul .hotActiveBtn {
background: #1bbb9f;
color: #fff !important;
}
.hot-car .min-win .left,
......@@ -650,6 +644,7 @@ li {
.hot-car .min-win .left>ul>li {
width: 49%;
background: #fff;
padding: 10px 0 10px 10px;
}
.left-content {
......@@ -666,12 +661,16 @@ li {
text-align: center;
line-height: 46px;
margin: 0 auto;
margin-top: 13px;
margin-bottom: 20.5px;
cursor: pointer;
}
.left-content li:last-child {
margin-bottom: 0;
}
.pic-show {
width: 481px;
width: 470px;
display: inline-block;
position: relative;
}
......@@ -727,6 +726,14 @@ li {
color: #333;
line-height: 30px;
padding: 30px 0;
transition: all 0.2s linear;
border-radius: 5px;
border-top: 5px solid transparent;
}
.flex-fdc-jcc .right ul li:hover {
box-shadow: 0px 20px 40px 0px rgba(102, 102, 102, 0.3);
border-top: 5px solid #1bbb9f;
}
.flex-fdc-jcc .right ul li>img {
......@@ -842,10 +849,11 @@ li {
.flex-aic-jcb-warp .left {
width: 540px;
height: 426px;
background: rgb(242, 242, 242);
background: #fff;
padding: 30px;
display: inline-block;
}
.flex-aic-jcb-warp .left h3 {
font-size: 16px;
margin-bottom: 20px;
......@@ -889,21 +897,24 @@ li {
.flex-aic-jcb-warp .right li a {
color: #666;
font-size: 14px;
font-size: 16px;
}
.flex-aic-jcb-warp .right li:hover {
background: #1bbb9f;
background: #fff;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .15);
}
.flex-aic-jcb-warp .right li:hover a {
color: #fff;
font-size: 16px;
text-indent: 4px;
/* color: #fff; */
/* font-size: 16px;
text-indent: 4px; */
}
.flex-aic-jcb-warp .right li:hover span:nth-child(2){
.flex-aic-jcb-warp .right li:hover span:nth-child(2) {
text-indent: 15px;
}
.flex-aic-jcb-warp .right li:hover span:nth-child(1) {
width: 430px;
}
......@@ -912,37 +923,42 @@ li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 454px;
width: 445px;
margin-right: 13px;
}
.flex-aic-jcb-warp .right li span:nth-child(2) {
position: relative;
top: -17px;
float: right;
}
.city-covers {
width: 1120px;
margin: 0 auto;
position: absolute;
text-align: right;
/* width: 1120px;
margin: 0 auto; */
/* position: absolute;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -565px;
margin-left: -565px; */
}
.introduce {
width: 465px;
background: rgba(0, 0, 0, .4);
background: #fff;
display: inline-block;
height: 380px;
margin-top: 13px;
padding: 30px;
/* height: 380px; */
/* margin-top: 13px; */
padding: 30px 30px 0 30px;
position: relative;
top: -156px;
/* right: 0; */
text-align: left;
}
.introduce h3 {
font-size: 16px;
margin-bottom: 20px;
color: #333;
}
.introduce>p:nth-child(2) {
......@@ -964,6 +980,7 @@ li {
.introduce ul li p:nth-child(1) {
font-size: 50px;
color: #333;
}
.introduce ul li p:nth-child(2) {
......@@ -980,9 +997,11 @@ li {
cursor: pointer;
margin-top: 10px;
}
.look-info:hover{
background: rgba(18,156,132) !important;
.look-info:hover {
background: rgba(18, 156, 132) !important;
}
.campsite {
width: 1120px;
margin: 0 auto;
......@@ -995,9 +1014,9 @@ li {
}
.campsite .left-title {
background: #333;
background: #1bbb9f;
color: #fff;
padding: 15px;
padding: 12px;
}
.campsite .left-title span:nth-child(2) {
......@@ -1009,12 +1028,14 @@ li {
/* padding: 15px; */
/* transition: all 0.2s linear; */
}
/* .campsite .left img:hover{
transform: scale(1.2);
} */
.campsite .left ul {
padding: 0 15px 20px 15px;
}
/* .head-img img{
transition: all 0.2s linear;;
}
......
......@@ -212,14 +212,13 @@ h2{
}
.more-container a{
position: absolute;
right:20px;
right:0;
color: #999;
text-decoration: none;
z-index: 8;
}
.more-container a:hover{
/* right: 30px; */
right: 0;
right: -30px;
color: #1bbb9f;
/* box-shadow: 5px 5px 5px #888888; */
}
......@@ -249,7 +248,8 @@ h2{
cursor: pointer;
}
.total-div{
margin: 20px 0;
/* margin: 20px 0; */
margin-bottom: 20px;
color: #666;
background: #fff;
font-size: 16px;
......
......@@ -146,7 +146,7 @@
align-items: center;
width: 100%;
margin: 0 auto;
background-color: #333;
background-color: #fff;
height: 50px;
}
......@@ -154,6 +154,7 @@
list-style-type: none;
display: flex;
width: 1120px;
height: 40px;
justify-content: space-between;
margin: 0 auto;
}
......@@ -163,9 +164,9 @@
margin: 0 30px;
padding: 10px 0;
text-align: left;
color: #fff;
color: #333;
text-decoration: none;
border-bottom: 3px solid #333;
border-bottom: 3px solid #fff;
font-size: 16px;
}
......@@ -240,7 +241,7 @@ a {
right: 0;
top: 50%;
margin-top: -50px;
background: #333;
background: #1bbb9f;
}
......@@ -268,11 +269,11 @@ a {
}
.sidebar ul li span:hover {
background: #1bbb9f;
background: rgb(18, 156, 132) !important
}
.sidebar ul li:hover span {
background: #1bbb9f;
background: rgb(18, 156, 132) !important
}
.sidebar ul li:nth-child(1):hover p {
......@@ -286,7 +287,7 @@ a {
position: absolute;
left: -164px;
top: 0px;
background: #1bbb9f;
background: rgb(18, 156, 132) !important;
color: #fff;
padding: 0 50px;
display: none;
......@@ -301,7 +302,7 @@ a {
position: absolute;
left: -146px;
top: -70px;
background: #1bbb9f;
background: rgb(18, 156, 132) !important;
color: #fff;
width: 146px;
padding: 10px;
......@@ -334,7 +335,7 @@ a {
.sidebar ul li:nth-child(4) div {
display: none;
position: absolute;
background: #1bbb9f;
background: rgb(18, 156, 132) !important;
color: #fff;
left: -147px;
top: -62px;
......
......@@ -85,7 +85,7 @@ export default {
</script>
<style>
.my-outbox {
width: 800px;
width: 915px;
display: inline-block;
color: #fff;
overflow: hidden;
......@@ -107,7 +107,7 @@ export default {
line-height: 35px;
}
.my-uname {
color: #ccc;
color: #666;
transition: all 0.2s linear;
}
.my-uname:hover {
......@@ -119,11 +119,12 @@ export default {
}
.foot-content {
width: 100%;
border-bottom: 1px solid #444;
border-bottom: 1px solid #eee;
}
.links-title {
display: inline-block;
width: 169px;
color: #666;
}
.links-title span:nth-child(1) {
font-weight: bold;
......@@ -145,7 +146,7 @@ export default {
display: inline-block;
}
.hot-tel p:nth-child(1) {
color: #999;
color: #666;
}
.hot-tel p:nth-child(2) {
display: inline-block;
......@@ -167,11 +168,11 @@ export default {
}
.bottom-main .adress p:nth-child(1) {
font-size: 16px;
color: #ccc;
color: #666;
}
.bottom-main .adress p:nth-child(2) {
font-size: 12px;
color: #999;
color: #666;
margin-top: 20px;
}
</style>
\ No newline at end of file
<template>
<div>
<div class="menu-container">
<div style="width: 100%;position: fixed;top: 0;z-index: 1000;border-bottom: 1px solid #eee;">
<div style="width: 100%;position: fixed;top: 0;z-index: 1000;border-bottom: 1px solid #eee;background:#f5f5f5">
<div
class="flex-aic-jcb"
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: 30px;color: #666;position: relative"
>
<div>您好!欢迎进入欣新房车集团官方网站</div>
<div class="ft-14" style="position: relative;right:20px;">
......
<template>
<div class="sidebar-list-a">
<h2>产品展示</h2>
<p>房车租赁</p>
<ul>
<li v-for="(item,index) in vehicleList" :key="index" @click="rentLink(item.id)">
<nuxt-link :to="'/vehicle?types='+item.id" :class='{activeList:activeRouter == "/vehicle?types="+item.id}'>{{item.name}}</nuxt-link>
</li>
</ul>
<p>房车旅游</p>
<ul>
<li v-for="(item,index) in tourList" :key="index" @click="links(item.id)">
<nuxt-link :to="'/tour?tagIds='+item.id" :class='{activeList:activeRouter == "/tour?tagIds="+item.id}'>{{item.name}}</nuxt-link>
</li>
</ul>
<p>房车营地</p>
<ul>
<li v-for="(item,index) in campsiteList" :key="index" @click="campsiteLink(item.id)">
<nuxt-link :to="'/campsite?types='+item.id" :class='{activeList:activeRouter == "/campsite?types="+item.id}'>{{item.name}}</nuxt-link>
</li>
</ul>
</div>
</template>
<script>
import axios from '../plugins/axios'
export default {
created() {
this.activeRouter = this.$route.fullPath
this.getType()
this.getVehicle()
this.getCampsite()
},
watch: {
$route(val,from) {
console.log(val);
console.log('新'+val.fullPath);
console.log('旧'+from.fullPath);
this.activeRouter = val.fullPath || ''
}
},
props: { productType: String },
data() {
return {
activeRouter:{},
tourList: [],
vehicleList: [],
campsiteList: []
}
},
methods: {
//旅游列表
async getType() {
const {
data: { data }
} = await axios.get('/api/uccn/app/unauth/tour/tagList')
data.unshift({ id: '', name: '全部' })
this.tourList = data
},
//房车租赁
async getVehicle() {
const {
data: { data }
} = await axios.get('/vehicle/cata/app/unauth/types')
data.unshift({ id: '', name: '全部' })
this.vehicleList = data
},
//房车营地
async getCampsite() {
const {
data: { data }
} = await axios.get('/api/campsite/campsiteTag/app/unauth/tags')
data.unshift({ id: '', name: '全部' })
this.campsiteList = data
},
//更新页面
links(val) {
this.$emit('fatherMethod',val);
},
rentLink(val){
this.$emit('fatherMethod',val);
},
campsiteLink(val){
this.$emit('fatherMethod',val);
}
}
}
</script>
<style>
.sidebar-list-a {
padding: 15px 0;
}
.sidebar-list-a h2 {
font-size: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
.sidebar-list-a p {
font-size: 16px;
color: #333;
margin: 20px 0;
font-weight: bold;
}
.sidebar-list-a ul {
padding-left: 0;
}
.sidebar-list-a ul li {
margin-top: 15px;
}
.sidebar-list-a ul li a {
display: block;
}
.sidebar-list-a ul li a:hover {
color: #1bbb9f;
}
.activeList{
color: #1bbb9f
}
</style>
\ No newline at end of file
......@@ -10,22 +10,34 @@ module.exports = {
{ hid: 'description', name: 'description', content: '欣新房车是一家专业从事房车销售,房车租赁,房车旅游,房车托管及房车产业配套与服务的免费异地取车异地还车已在全国各地举办多届房车经济峰会的集团股份公司' }
],
link: [
// { rel: 'icon', type: 'image/x-icon', href: 'https://mgmt.dfangche.com/xxfccn/image/1/app/5d9c62b7412efd926f70e0ed5efb19a.png' },
// { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic' },
// { rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/main.css' },
// { rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/menu.css' },
// { rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/footer.css' },
// { rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/index.css' },
// { rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/iconfont.css' },
// { rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/goTop.css' },
// { rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/swiper.min.css' },
// { rel: 'stylesheet', href: 'https://www.xxfangche.com/xxfccn/css/pc/el/index.css' }
{ rel: 'icon', type: 'image/x-icon', href: 'https://mgmt.dfangche.com/xxfccn/image/1/app/5d9c62b7412efd926f70e0ed5efb19a.png' },
{ rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic' },
{ rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/main.css' },
{ rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/menu.css' },
{ rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/footer.css' },
{ rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/index.css' },
{ rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/iconfont.css' },
{ rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/goTop.css' },
{ rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/swiper.min.css' },
{ rel: 'stylesheet', href: 'https://www.xxfangche.com/xxfccn/css/pc/el/index.css' }
{ rel: 'stylesheet', href: 'http://xxtest.upyuns.com/xxfccn/css/pc/main.css' },
{ rel: 'stylesheet', href: 'http://xxtest.upyuns.com/xxfccn/css/pc/menu.css' },
{ rel: 'stylesheet', href: 'http://xxtest.upyuns.com/xxfccn/css/pc/footer.css' },
{ rel: 'stylesheet', href: 'http://xxtest.upyuns.com/xxfccn/css/pc/index.css' },
{ rel: 'stylesheet', href: 'http://xxtest.upyuns.com/xxfccn/css/pc/iconfont.css' },
{ rel: 'stylesheet', href: 'http://xxtest.upyuns.com/xxfccn/css/pc/goTop.css' },
{ rel: 'stylesheet', href: 'http://xxtest.upyuns.com/xxfccn/css/pc/swiper.min.css' },
{ rel: 'stylesheet', href: 'http://xxtest.upyuns.com/xxfccn/css/pc/el/index.css' }
],
// http://xxtest.upyuns.com
//https://mgmt.dfangche.com/xxfccn
script: [
{ src: 'https://dev.dfangche.com/h5/appHtml/js/util.js' },
],
},
// css: ['~/assets/index.css','~/assets/menu.css','~/assets/main.css','~/assets/font/iconfont.css'],
// css: ['~/assets/index.css','~/assets/menu.css','~/assets/main.css','~/assets/font/iconfont.css','~/assets/footer.css'],
loading: '~/components/loading.vue',
plugins: [
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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