Commit e47fed5e authored by lixy's avatar lixy

首页图片优化

parent 0cbd1057
.footer-container {
width: 100%;
height: 300px;
position: relative;
background:url("../assets/images/footer.jpg") no-repeat;
color: #fff;
margin-top: -5px;
}
.footer {
font-family: sans-serif;
padding: 15px 0;
display: flex;
width: 1120px;
margin: 0 auto;
}
.footer-scan{
display: flex;
flex-direction: column;
justify-content: center;
padding: 0px 42px;
border-right: 1px solid #323737;
}
.footer-scan img{
width: 120px;
margin: 5px;
}
.footer-scan:last-child{
border: none;
}
.contact{
background: #1bbb9f;
padding: 3px 10px;
font-size: 14px;
text-align: center;
width: 100px;
margin-top: 20px;
cursor: pointer;
}
.r-contant-i{
margin: 5px 0;
}
.r-contant img{
width:20px;
margin-right: 10px;
}
.link-f{
padding: 20px;
/* border-top: 1px solid #323737; */
font-size: 12px;
color: #999;
}
.link-f a{
color: #999;
}
.link-f a:hover{
color: #1bbb9f;
}
.fri{
list-style-type: none;
padding: 0px;
margin: 0px;
display: flex;
justify-content: space-between;
font-size: 14px;
color: #999;
}
.fri li{
list-style-type: none;
padding: 0px;
margin: 0px;
margin: 0 15px
}
.fri li a{
text-decoration: none;
color: #999;
}
.fri li a:hover{
color: #1bbb9f !important;
cursor:pointer
}
.banner-vehicle{
height: 600px;
}
.video-container{
width: 100%;
height: 100%;
position: relative;
background:url(https://mgmt.dfangche.com/xxfccn/image/home/backgroud03.jpg) no-repeat;
}
@media screen and (max-width:1120px){
.map-container{
width: 100%;
position: relative;
color: #fff;
}
.map-city{
font-size: 60px;
position: absolute;
top: 180px;
}
.map-company{
font-size: 60px;
width: 1120px;
margin: 0 auto;
position: absolute;
top: 300px;
}
}
.map-container{
position: relative;
}
.map-city,.map-company{
position: absolute;
}
@media screen and (min-width:1120px) and (max-width:1200px){
.menu-container{
max-width:1200px;
}
}
@media screen and (min-width:1200px) and (max-width:1920px){
.map-container{
width: 100%;
position: relative;
color: #fff;
}
.map-city{
font-size: 60px;
position: absolute;
top: 180px;
left: 200px;
}
.map-company{
font-size: 60px;
width: 1120px;
margin: 0 auto;
position: absolute;
top: 300px;
left: 200px;
}
}
@media screen and (min-width:1920px){
.map-container{
width: 100%;
position: relative;
color: #fff;
}
.map-city{
font-size: 60px;
position: absolute;
top: 180px;
left: 400px;
}
.map-company{
font-size: 60px;
width: 1120px;
margin: 0 auto;
position: absolute;
top: 300px;
left: 400px;
}
}
.new-tt{
font-size: 20px;
color: #333;
font-weight: 700;
}
.gallery-thumbs{
width: 1120px;
}
.gallery-thumbs-box{
height: 140px;
padding: 10px 0;
}
.video-play{
position: absolute;
width: 770px;
height: auto;
}
.activity-container{
width: 100%;
height: 100%;
position: relative;
background:url(https://mgmt.dfangche.com/xxfccn/image/home/background01.jpg) no-repeat;
}
.vehicle-container{
width: 100%;
height: 100%;
background-position:bottom;
position: relative;
}
.vehicle-bg{
background:url(https://mgmt.dfangche.com/xxfccn/image/home/background02.jpg) no-repeat;
}
.tour-t-l-00, .tour-b-r-01, .tour-t-r-02, .tour-b-l-03, .tour-t-l-04, .tour-b-r-05{
cursor: pointer;
}
.tour-t-l-00:hover .show-detail, .tour-t-r-01:hover .show-detail, .tour-t-r-02:hover .show-detail,
.tour-t-l-03:hover .show-detail, .tour-t-l-04:hover .show-detail{
display: block;
}
.tour-b-r-05:hover .show-detail{
display: block;
top: 170px;
right: 0px;
}
.tour-t-l-00 .show-detail, .tour-b-r-05 .show-detail{
display: none;
background: #000;
opacity: 0.6;
width: 518px;
height: 348px;
position: absolute;
top: 0;
text-align: center;
line-height: 300px;
color: #000;
}
.tour-t-r-01 .show-detail,.tour-t-r-02 .show-detail{
display: none;
background: #000;
opacity: 0.6;
width: 255px;
height: 160px;
position: absolute;
top: 0;
text-align: center;
line-height: 160px;
color: #000;
}
.tour-t-l-03 .show-detail,.tour-t-l-04 .show-detail{
display: none;
background: #000;
opacity: 0.6;
width: 255px;
height: 160px;
position: absolute;
top: 357px;
text-align: center;
line-height: 160px;
color: #000;
}
.more-container{
position: relative;
margin-bottom: 50px;
}
.tour-t{
color: #666;
padding: 15px 30px;
display: flex;
border: 1px solid #eee;
}
/*.tour-t:hover{*/
/*background: linear-gradient(to right, #5DE6AD , #3EC6AD);*/
/*color: #fff;*/
/*padding: 10px;*/
/*display: flex;*/
/*}*/
/*.tour-t:hover .tour-t-s{*/
/*color: #fff;*/
/*}*/
/*.tour-t:hover .tour-t-s-b{*/
/*border-bottom: 3px solid #fff;*/
/*}*/
.tour-t-s, .tour-t-s-b{
font-size: 54px;
color: #E1E1E1;
font-weight: 100;
margin: 0 auto;
}
.tour-t-s-b{
border-bottom: 3px solid #e1e1e1;
width: 20px;
}
/*.tour-t:hover .tour-t-s-b{*/
/*color: #fff;*/
/*border-bottom: 3px solid #fff;*/
/*}*/
.tour-t-s-t{
font-size: 16px;
font-weight: 700;
margin-bottom: 22px;
}
.item-c{
/*width: 600px;*/
/*height: 150px;*/
padding: 10px;
margin: 10px;
}
.title{
width: 1200px;
padding: 10px;
padding-top: 100px;
font-size: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.item-c-img{
width: 180px;
height: 135px;
margin-right: 20px;
}
.item-c-r{
width: 350px;
height: 135px;
}
.item-c-r .desc{
margin: 28px 0;
font-size: 14px;
color: #666;
}
.item-c-r .time{
font-size: 13px;
color: #666;
}
.line-title{
background: #1bbb9f;
width: 30px;
height: 5px;
margin: 0 auto;
}
.swiper-container-top {
width: 1120px;
height: 481px;
}
.gallery-top img{
width: 100%;
height: 481px;
}
.swiper-wrapper-thu{
/*max-width: 293px;*/
margin: 0 !important;
}
.swiper-wrapper-thu img{
width: 275px;
height: 120px;
/*border: 2px solid #fff;*/
}
.swiper-wrapper-thu img.active, .swiper-wrapper-thu img:hover{
border: 2px solid #1bbb9f;
padding: 5px;
width: 271px;
height: 116px;
}
.swiper-slide{
/*margin-right: 0 !important;*/
}
.min-win-hc{
width: 1070px;
}
.tour-detail{
border: 1px solid rgb(255, 255, 255);
padding: 10px;
color: #fff;
font-size: 14px;
}
.show-detail span{
border: 1px solid rgb(255, 255, 255);
padding: 10px 40px 10px 20px;
color: #fff;
font-size: 14px;
position: relative;
}
.show-detail img{
position: absolute;
top: 10px;
margin-left: 5px;
}
...@@ -290,7 +290,7 @@ h2{ ...@@ -290,7 +290,7 @@ h2{
overflow: auto; overflow: auto;
} }
.swiper-button-prev.swiper-button-black{ .swiper-button-prev.swiper-button-black{
background-image: url('/assets/images/l.png') !important; background-image: url(https://mgmt.dfangche.com/xxfccn/image/home/pre.png) !important;
} }
.swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black{ .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black{
background: #000; background: #000;
...@@ -305,7 +305,7 @@ h2{ ...@@ -305,7 +305,7 @@ h2{
background-position:center; background-position:center;
} }
.swiper-button-next.swiper-button-black{ .swiper-button-next.swiper-button-black{
background-image: url('/assets/images/r.png') !important; background-image: url(https://mgmt.dfangche.com/xxfccn/image/home/next.png) !important;
} }
.swiper-button-prev.swiper-button-black:hover, .swiper-button-next.swiper-button-black:hover{ .swiper-button-prev.swiper-button-black:hover, .swiper-button-next.swiper-button-black:hover{
opacity: 0.7; opacity: 0.7;
......
@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;
width: 100%;
min-width: 1120px;
height: 120px;
background: #fff;
display: flex;
justify-content: center;
border-bottom: 1px solid #eee;
}
.logo-t{
color: #333;
font-size: 16px;
}
.logo-d{
color: #9F9F9F;
font-size: 12px;
}
.menu {
font-family: sans-serif;
position: fixed;
top:50px;
display: flex;
align-items: center;
width: 1120px;
margin: 0 auto;
}
.users {
list-style-type: none;
display: flex;
width: 100%;
justify-content: space-between;
}
.users li a {
display: inline-block;
margin: 0 30px;
padding: 10px 0;
text-align: left;
color: #222;
text-decoration: none;
border-bottom: 3px solid #fff;
font-size: 18px;
}
.users li a:hover, .active{
color: #1bbb9f !important;
border-bottom: 3px solid #1bbb9f !important;
}
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div id="goTop"> <div id="goTop">
<div class="show-go-top" v-show="goTopShow" @click="goTop"> <div class="show-go-top" v-show="goTopShow" @click="goTop">
<img style="width: 20px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmOWM5ZDk3ZC02OTQwLWJkNGYtODJjMC02MTdkYTY5MDlkYmEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjhGNUZDOUNDQTA4MTFFOTk5MENGOTY5QzExODBBNEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjhGNUZDOUJDQTA4MTFFOTk5MENGOTY5QzExODBBNEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY2NzE3NzI0LTA0YmUtYmU0Mi05MWNiLTdhMmEzYjNhZjkyMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpmOWM5ZDk3ZC02OTQwLWJkNGYtODJjMC02MTdkYTY5MDlkYmEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ok33PAAAA1UlEQVR42mL8//8/A7UBEwMNwKihA2OoLxC/AmIHok0FJSk8WBeIf/2HgD9AHEhAPRjjk5QE4sdQA/8hGVxIrqFcQHwCyaBcIH74HwEmAzEzKYaCFG9EMqAUyeVnkMQ3ATE3sYZOQ9I4DU2OB4g3I8mDLJEgZGghkoaNOLwIEpuCpA4ULNq4DPWDht9/aHhyEYiQIiD+C1X/AYid0Q01B+KvUAWgGJchJukAcRAQf4Pq24Ju6F4kG3WJNBDZQXuAmB/dUF5oBDiRaCBWzDhaSFMdAAQYAIXvsMke49Y7AAAAAElFTkSuQmCC"/> <img style="width: 20px;" src="https://mgmt.dfangche.com/xxfccn/image/home/top.png"/>
<div class="goTop">回到顶部</div> <div class="goTop">回到顶部</div>
</div> </div>
</div> </div>
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div class="menu"> <div class="menu">
<nuxt-link to="/"> <nuxt-link to="/">
<div class="flex-aic menu-logo-l"> <div class="flex-aic menu-logo-l">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK8AAAA8CAYAAAAQYOqYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmOWM5ZDk3ZC02OTQwLWJkNGYtODJjMC02MTdkYTY5MDlkYmEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkY2REY2MjJDREY0MTFFOTg2MEFGN0Y1MTg4RTBFNDMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkY2REY2MjFDREY0MTFFOTg2MEFGN0Y1MTg4RTBFNDMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZjVjOTM3ZWMtMTIxZS03MjRmLTliN2UtYzU1NGU2NTMzOTA2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmY5YzlkOTdkLTY5NDAtYmQ0Zi04MmMwLTYxN2RhNjkwOWRiYSIv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" style="width:175px;" alt="欣新房车,让生活更美好"> <img src="https://mgmt.dfangche.com/xxfccn/image/home/logo.png" style="width:175px;" alt="欣新房车,让生活更美好">
</div> </div>
</nuxt-link> </nuxt-link>
<ul class="users"> <ul class="users">
...@@ -50,68 +50,3 @@ ...@@ -50,68 +50,3 @@
}, },
} }
</script> </script>
<style scoped>
@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;
width: 100%;
min-width: 1120px;
height: 120px;
background: #fff;
display: flex;
justify-content: center;
border-bottom: 1px solid #eee;
}
.logo-t{
color: #333;
font-size: 16px;
}
.logo-d{
color: #9F9F9F;
font-size: 12px;
}
.menu {
font-family: sans-serif;
position: fixed;
top:50px;
display: flex;
align-items: center;
width: 1120px;
margin: 0 auto;
}
.users {
list-style-type: none;
display: flex;
width: 100%;
justify-content: space-between;
}
.users li a {
display: inline-block;
margin: 0 30px;
padding: 10px 0;
text-align: left;
color: #222;
text-decoration: none;
border-bottom: 3px solid #fff;
font-size: 18px;
}
.users li a:hover, .active{
color: #1bbb9f !important;
border-bottom: 3px solid #1bbb9f !important;
}
</style>
...@@ -19,6 +19,8 @@ module.exports = { ...@@ -19,6 +19,8 @@ module.exports = {
}, },
css: [ css: [
'~/assets/main.css', '~/assets/main.css',
'~/assets/menu.css',
'~/assets/footer.css',
'swiper/dist/css/swiper.min.css', 'swiper/dist/css/swiper.min.css',
'element-ui/lib/theme-chalk/index.css' 'element-ui/lib/theme-chalk/index.css'
], ],
......
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
<img :src="item.logo" alt style="width:100%;height:223px" /> <img :src="item.logo" alt style="width:100%;height:223px" />
<h2 style="font-size:20px;margin-top:22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">{{ item.name }}</h2> <h2 style="font-size:20px;margin-top:22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">{{ item.name }}</h2>
<!--<nuxt-link :to="item.link" class="">--> <!--<nuxt-link :to="item.link" class="">-->
<button class="buttonDetails">营地详情<img style="position: absolute;" src="../assets/images/r.png"/></button> <button class="buttonDetails">营地详情<img style="position: absolute;" src="https://mgmt.dfangche.com/xxfccn/image/home/next.png"/></button>
</nuxt-link> </nuxt-link>
</li> </li>
</ul> </ul>
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
<div style="float:left;padding-top:10px;width:850px;color:#333"> <div style="float:left;padding-top:10px;width:850px;color:#333">
<h2 style="font-size: 20px;font-weight:400;margin:0 0 18px 6px">{{item.name}}</h2> <h2 style="font-size: 20px;font-weight:400;margin:0 0 18px 6px">{{item.name}}</h2>
<h6 style="font-size: 14px;font-weight:400;margin:0 0 54px 14px">{{item.describe}}</h6> <h6 style="font-size: 14px;font-weight:400;margin:0 0 54px 14px">{{item.describe}}</h6>
<button class="buttonDetails">旅行详情<img style="position: absolute;" src="../assets/images/r.png"/></button> <button class="buttonDetails">旅行详情<img style="position: absolute;" src="https://mgmt.dfangche.com/xxfccn/image/home/next.png"/></button>
</div> </div>
</nuxt-link> </nuxt-link>
</li> </li>
......
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
</div> </div>
</div> </div>
<nuxt-link :to="item.link" class="flex-aic"> <nuxt-link :to="item.link" class="flex-aic">
<button class="buttonDetails">租车详情<img style="position: absolute;" src="../assets/images/r.png"/></button> <button class="buttonDetails">租车详情<img style="position: absolute;" src="https://mgmt.dfangche.com/xxfccn/image/home/next.png"/></button>
</nuxt-link> </nuxt-link>
</nuxt-link> </nuxt-link>
</li> </li>
...@@ -163,7 +163,7 @@ ...@@ -163,7 +163,7 @@
mounted() { mounted() {
window.addEventListener('scroll', this.scrollHandle); // 绑定页面的滚动事件 window.addEventListener('scroll', this.scrollHandle); // 绑定页面的滚动事件
}, },
}, },
async asyncData() { async asyncData() {
const { data } = await axios.get('/api/uccn/seo/app/unauth/officialWebsite/2'); const { data } = await axios.get('/api/uccn/seo/app/unauth/officialWebsite/2');
......
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