Commit 77381ef2 authored by lixy's avatar lixy

404页面

parent cc64d9c3
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div class="box"> <div class="box">
<ul> <ul>
<li v-for="(item, index) in list" :key="item.id" :class="index === current ? 'active' : ''" @click="bannerClick(index, item)"> <li v-for="(item, index) in list" :key="item.id" :class="index === current ? 'active' : ''" @click="bannerClick(index, item)">
<img :src= "item.cover" style="width:100%;min-width: 1120px;" :alt="item.title"/> <img :src= "item.cover" style="width:100%;min-width: 1120px;height: 100%;" :alt="item.title"/>
</li> </li>
</ul> </ul>
<!--<div class="status">--> <!--<div class="status">-->
......
This diff is collapsed.
...@@ -47,10 +47,11 @@ ...@@ -47,10 +47,11 @@
</div> </div>
<h3 v-if="dataNull" style="margin:20px 0;background-color: #fff;padding:20px">暂无信息</h3> <h3 v-if="dataNull" style="margin:20px 0;background-color: #fff;padding:20px">暂无信息</h3>
<ul class="campsiteDetail clearfix" v-if="!dataNull"> <ul class="campsiteDetail clearfix" v-if="!dataNull">
<li v-for="(item,idx) in dataDetail" :key="idx" class="vehicle-item"> <li v-for="(item,idx) in dataDetail" :key="idx">
<nuxt-link :to="item.link" class="vehicle-item">
<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="../assets/images/r.png"/></button>
</nuxt-link> </nuxt-link>
</li> </li>
...@@ -210,16 +211,19 @@ export default { ...@@ -210,16 +211,19 @@ export default {
padding: 0; padding: 0;
margin: 0; margin: 0;
list-style: none; list-style: none;
display: flex;
justify-content: space-between;
width: 1120px;
flex-wrap: wrap;
} }
.campsiteDetail li { .campsiteDetail li a{
padding: 14px; padding: 14px;
margin-bottom: 20px; margin-bottom: 20px;
list-style: none; list-style: none;
width: 360px; width: 360px;
height: 372px; height: 372px;
float: left; float: left;
margin-right:20px;
background-color: #fff background-color: #fff
} }
.campsiteDetail li:nth-child(3n+0) { margin-right:0px; } .campsiteDetail li:nth-child(3n+0) { margin-right:0px; }
......
...@@ -55,9 +55,9 @@ ...@@ -55,9 +55,9 @@
<img src="../../assets/images/dfcapp.png" style="width: 90px;margin:12px 10px 8px 10px;"/> <img src="../../assets/images/dfcapp.png" style="width: 90px;margin:12px 10px 8px 10px;"/>
<div style="color: #FFB74B;font-size: 14px;margin-bottom:11px">滴房车App</div> <div style="color: #FFB74B;font-size: 14px;margin-bottom:11px">滴房车App</div>
</div> </div>
<div style="margin-top:8px"> <div style="margin-top:8px;" class="scan-notice-c">
<div style="font-size:12px">安卓用户微信扫码</div> <div>安卓用户微信扫码</div>
<div style="font-size:12px">可马上下单</div> <div>可马上下单</div>
<!-- <h6 style="font-size:12px;font-weight:400">安卓用户微信扫码可马上下单</h6> --> <!-- <h6 style="font-size:12px;font-weight:400">安卓用户微信扫码可马上下单</h6> -->
</div> </div>
</div> </div>
...@@ -67,9 +67,9 @@ ...@@ -67,9 +67,9 @@
<img src="../../assets/images/xxfczs.jpg" style="width: 90px;margin:12px 10px 8px 10px;"/> <img src="../../assets/images/xxfczs.jpg" style="width: 90px;margin:12px 10px 8px 10px;"/>
<div style="color: #FFB74B;font-size: 14px;margin-bottom:11px">欣新助手小程序</div> <div style="color: #FFB74B;font-size: 14px;margin-bottom:11px">欣新助手小程序</div>
</div> </div>
<div style="margin-top:8px;"> <div style="margin-top:8px;" class="scan-notice-c">
<div style="font-size:12px">微信扫码进入</div> <div>微信扫码进入</div>
<div style="font-size:12px">欣新房车助手可预订</div> <div>欣新房车助手可预订</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -213,6 +213,10 @@ export default { ...@@ -213,6 +213,10 @@ export default {
clear: both; clear: both;
visibility: hidden; visibility: hidden;
} }
.scan-notice-c{
color: #666;
font-size: 12px;
}
.clearfix { .clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行,其他浏览器不执行*/ *zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行,其他浏览器不执行*/
} }
......
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
<img src="https://mgmt.dfangche.com/xxfccn/image/qrcode/appQrcode.png" style="width: 90px;margin:12px 10px 8px 10px;"/> <img src="https://mgmt.dfangche.com/xxfccn/image/qrcode/appQrcode.png" style="width: 90px;margin:12px 10px 8px 10px;"/>
<div style="color: #FFB74B;font-size: 14px;margin-bottom:11px">滴房车App</div> <div style="color: #FFB74B;font-size: 14px;margin-bottom:11px">滴房车App</div>
</div> </div>
<div style="margin-top:8px"> <div style="margin-top:8px" class="scan-notice-c">
<div style="font-size:12px">安卓用户微信扫码</div> <div style="font-size:12px">安卓用户微信扫码</div>
<div style="font-size:12px">可马上下单</div> <div style="font-size:12px">可马上下单</div>
<!-- <h6 style="font-size:12px;font-weight:400">安卓用户微信扫码可马上下单</h6> --> <!-- <h6 style="font-size:12px;font-weight:400">安卓用户微信扫码可马上下单</h6> -->
...@@ -119,7 +119,7 @@ ...@@ -119,7 +119,7 @@
<img src="../../assets/images/xxfczs.jpg" style="width: 90px;margin:12px 10px 8px 10px;"/> <img src="../../assets/images/xxfczs.jpg" style="width: 90px;margin:12px 10px 8px 10px;"/>
<div style="color: #FFB74B;font-size: 14px;margin-bottom:11px">欣新助手小程序</div> <div style="color: #FFB74B;font-size: 14px;margin-bottom:11px">欣新助手小程序</div>
</div> </div>
<div style="margin-top:8px;"> <div style="margin-top:8px;" class="scan-notice-c">
<div style="font-size:12px">微信扫码进入</div> <div style="font-size:12px">微信扫码进入</div>
<div style="font-size:12px">欣新房车助手可预订</div> <div style="font-size:12px">欣新房车助手可预订</div>
</div> </div>
...@@ -294,6 +294,10 @@ export default { ...@@ -294,6 +294,10 @@ export default {
clear: both; clear: both;
visibility: hidden; visibility: hidden;
} }
.scan-notice-c{
color: #666;
font-size: 12px;
}
.clearfix { .clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行,其他浏览器不执行*/ *zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行,其他浏览器不执行*/
} }
......
var _hmt = _hmt || [];
if (typeof window !== 'undefined') {
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?672a607e77e242a0b9a090f5aaab7f33";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
}
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