Skip to content

V
vue-ssr
Commit 90ce2920 authored by guoyou's avatar guoyou
Browse files
Options

首页完善

parent b13f0311
Hide whitespace changes
Inline Side-by-side
Showing with 48 additions and 177 deletions
assets/index.css
View file @ 90ce2920
......@@ -624,11 +624,11 @@ li {
margin: 0;
}
.hot-car .min-win a {
/* .hot-car .min-win a {
position: absolute;
top: 0;
right: 0;
}
} */
.hot-car .min-win ul .hotActiveBtn {
background: #1bbb9f;
......@@ -997,7 +997,7 @@ li {
.campsite .left-title {
background: #333;
color: #fff;
padding: 19px 15px;
padding: 15px;
}
.campsite .left-title span:nth-child(2) {
......@@ -1007,20 +1007,20 @@ li {
.campsite .left img {
/* padding: 15px; */
transition: all 0.2s linear;
/* transition: all 0.2s linear; */
}
.campsite .left img:hover{
/* .campsite .left img:hover{
transform: scale(1.2);
}
} */
.campsite .left ul {
padding: 0 15px 20px 15px;
}
.head-img img{
/* .head-img img{
transition: all 0.2s linear;;
}
.head-img img:hover{
transform: scale(1.2);
}
} */
.campsite .left ul li {
font-size: 16px;
color: #333;
......
components/banner.vue
View file @ 90ce2920
......@@ -4,7 +4,7 @@
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item,index) in list" :key="index">
<a href>
<img :src="item.cover" :alt="item.alt" />
<img style="width:100%" :src="item.cover" :alt="item.alt" />
</a>
</div>
</div>
......
components/footer.vue
View file @ 90ce2920
......@@ -69,7 +69,7 @@ export default {
optionLeft() {
return {
direction: 2,
limitMoveNum: 2
limitMoveNum: 6
}
}
},
......@@ -101,7 +101,7 @@ export default {
margin-left:80px;
}
.seamless-warp2 ul.item {
width: 580px;
/* width: 580px; */
}
.seamless-warp2 ul.item li {
float: left;
......
pages/aboutXx.vue
View file @ 90ce2920
......@@ -96,7 +96,7 @@
<span>地址：广东省东莞市松山湖工业西路12号</span>
</div>
</div>
<img src="data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QN/aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZDZhNzI1MjItZjZmNy1hZTRmLTkyZTktZDk1MGY1YzQ5MTkyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMwMzJFQzQzQ0UyOTExRTlBNDEyQTlEQTA1QTIyQkI3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMzJFQzQyQ0UyOTExRTlBNDEyQTlEQTA1QTIyQkI3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM5YjM1MmU5LTI3NTEtMzI0OS04MWJjLWJmOTk5NTdmYjAzNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpkNmE3MjUyMi1mNmY3LWFlNGYtOTJlOS1kOTUwZjVjNDkxOTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+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"/>
<img src="https://mgmt.dfangche.com/xxfccn/image/2019-09-03/jieshao.jpg"/>
</div>
</div>
</div>
......
pages/index.vue
View file @ 90ce2920
......@@ -240,7 +240,9 @@
<ul>
<li>
<div class="pic-show">
<img :src="vehicleList0[0].url" alt />
<nuxt-link :to="vehicleList0[0].link">
<img :src="vehicleList0[0].url" alt />
</nuxt-link>
<p>
<span>1</span>
<span>上汽大通</span>
......@@ -255,7 +257,9 @@
</li>
<li>
<div class="pic-show">
<img :src="vehicleList0[1].url" alt />
<nuxt-link :to="vehicleList0[1].link">
<img :src="vehicleList0[1].url" alt />
</nuxt-link>
<p>
<span>2</span>
<span>格林卡诺C2</span>
......@@ -270,7 +274,9 @@
</li>
<li style="margin-top:20px">
<div class="pic-show">
<img :src="vehicleList0[2].url" alt />
<nuxt-link :to="vehicleList0[2].link">
<img :src="vehicleList0[2].url" alt />
</nuxt-link>
<p>
<span>3</span>
<span>齐星依维柯</span>
......@@ -285,7 +291,9 @@
</li>
<li style="margin-top:20px">
<div class="pic-show">
<img :src="vehicleList0[3].url" alt />
<nuxt-link :to="vehicleList0[3].link">
<img :src="vehicleList0[3].url" alt />
</nuxt-link>
<p>
<span>4</span>
<span>奔驰斯宾特</span>
......@@ -302,7 +310,7 @@
</div>
<div style="margin-top:40px" class="right" v-else>
<ul>
<li>
<li @mouseleave="leave()">
<img :src="memberList[0].bigIcon" :class="{miniPic1:!grade.common}" alt />
<p>{{memberList[0].name}}</p>
<p>{{memberList[0].price}}</p>
......@@ -333,7 +341,7 @@
</div>
</li>
<li>
<li @mouseleave="leave()">
<img :src="memberList[1].bigIcon" :class="{miniPic2:!grade.gold}" alt />
<p>{{memberList[1].name}}</p>
<p>{{memberList[1].price}}</p>
......@@ -363,7 +371,7 @@
<p class="annotation">注:均在会员中心进行购买</p>
</div>
</li>
<li>
<li @mouseleave="leave()">
<img :src="memberList[2].bigIcon" :class="{miniPic3:!grade.diamond}" alt />
<p>{{memberList[2].name}}</p>
<p>{{memberList[2].price}}</p>
......@@ -585,7 +593,7 @@
</div>
<div class="adress">
<p>
<nuxt-link to="company">{{companyList[0].name}}</nuxt-link>
<nuxt-link to="company">{{companyList[0].companyName}}</nuxt-link>
</p>
<p>
<span class="iconfont iconyidongduanicon-"></span>
......@@ -599,7 +607,7 @@
<ul class="company-address">
<li v-for="(item,index) in companyList.slice(1)" :key="index">
<nuxt-link to="company">
<span>{{item.name}}</span>
<span>{{item.companyName}}</span>
<span class="iconfont iconyidongduanicon-"></span>
{{item.leaderContactInfo}}
<span class="iconfont iconsingle_arrow"></span>
......@@ -646,22 +654,26 @@ export default {
{
id: 0,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/17.jpg'
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/17.jpg',
link: '/vehicleList/48?name=【上汽】大通RV80旅居车'
},
{
id: 0,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/9.jpg'
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/9.jpg',
link: '/vehicleList/51?name=【金冠】格林卡诺C2'
},
{
id: 0,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/15.jpg'
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/13.jpg',
link: '/vehicleList/53?name=【齐星】依维柯'
},
{
id: 0,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/5.jpg'
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/5.jpg',
link: '/vehicleList/55?name=【奔驰】斯宾特'
}
],
hotActiveTitle: '0',
......@@ -836,6 +848,11 @@ export default {
}
},
methods: {
leave() {
this.grade.common = true
this.grade.gold = true
this.grade.diamond = true
},
//购买普通会员
PurchaseBtn() {
this.grade.common = false
......@@ -861,11 +878,12 @@ export default {
break
case 2:
this.vehicleList0[0].url =
'https://mgmt.dfangche.com/xxfccn/image/2019-09-03/5.jpg'
'https://mgmt.dfangche.com/xxfccn/image/2019-09-03/6.jpg'
break
case 3:
this.vehicleList0[0].url =
'https://mgmt.dfangche.com/xxfccn/image/2019-09-03/6.jpg'
'https://mgmt.dfangche.com/xxfccn/image/2019-09-03/5.jpg'
break
default:
break
......@@ -930,11 +948,12 @@ export default {
break
case 2:
this.vehicleList0[3].url =
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/7.jpg'
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/8.jpg'
break
case 3:
this.vehicleList0[3].url =
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/8.jpg'
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/7.jpg'
break
default:
break
......@@ -1013,154 +1032,6 @@ export default {
// }
}
},
/**
* 车型切换
*/
changeVehicle(index) {
let t = this
this.tabIndex = index
if (index == 0) {
this.vehicleList0 = [
{
id: 1,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/17.jpg',
name: '上汽大通',
sUrl:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/17.jpg'
},
{
id: 2,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/18.jpg',
name: '上汽大通',
sUrl:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/18.jpg'
},
{
id: 3,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-03/5.jpg',
name: '上汽大通',
sUrl:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-03/5.jpg'
},
{
id: 4,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-03/6.jpg',
name: '上汽大通',
sUrl:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-03/6.jpg'
}
]
} else if (index == 1) {
this.vehicleList0 = [
{
id: 1,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/9.jpg',
name: '格林卡诺',
sUrl:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/9.jpg'
},
{
id: 2,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/10.jpg',
name: '格林卡诺',
sUrl:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/10.jpg'
},
{
id: 3,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/11.jpg',
name: '格林卡诺',
sUrl:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/11.jpg'
},
{
id: 4,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/12.jpg',
name: '格林卡诺',
sUrl:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/12.jpg'
}
]
} else if (index == 2) {
this.vehicleList0 = [
{
id: 1,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/13.jpg',
name: '齐星依维柯',
sUrl:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/13.jpg'
},
{
id: 2,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/14.jpg',
name: '齐星依维柯',
sUrl:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/14.jpg'
},
{
id: 3,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/15.jpg',
name: '齐星依维柯',
sUrl:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/15.jpg'
},
{
id: 4,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/16.jpg',
name: '齐星依维柯',
sUrl:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/16.jpg'
}
]
} else if (index == 3) {
this.vehicleList0 = [
{
id: 1,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/5.jpg',
name: '奔驰斯宾特',
sUrl:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/5.jpg'
},
{
id: 2,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/6.jpg',
name: '奔驰斯宾特',
sUrl:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/6.jpg'
},
{
id: 3,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/7.jpg',
name: '奔驰斯宾特',
sUrl:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/7.jpg'
},
{
id: 4,
url:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/8.jpg',
name: '奔驰斯宾特',
sUrl:
'https://mgmt.dfangche.com/xxfccn/image/2019-09-02/8.jpg'
}
]
}
},
/**
* 缩略图点击切换大图
*/
......
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