Skip to content

V
vue-ssr
Commit 692c3c94 authored by guoyou's avatar guoyou
Browse files
Options

细节修改

parent 0fcd570f
Hide whitespace changes
Inline Side-by-side
Showing with 42 additions and 47 deletions
assets/index.css
View file @ 692c3c94
......@@ -896,7 +896,7 @@ li {
}
.flex-aic-jcb-warp .right li a {
color: #666;
color: #333;
font-size: 16px;
}
......
assets/main.css
View file @ 692c3c94
......@@ -218,9 +218,8 @@ h2{
z-index: 8;
}
.more-container a:hover{
right: -30px;
/* right: -30px; */
color: #1bbb9f;
/* box-shadow: 5px 5px 5px #888888; */
}
.more-container a img{
......
assets/menu.css
View file @ 692c3c94
......@@ -148,6 +148,7 @@
margin: 0 auto;
background-color: #fff;
height: 50px;
box-shadow: 0 1px 1px rgba(245,245,245);
}
.users {
......
components/menu.vue
View file @ 692c3c94
......@@ -166,7 +166,7 @@
<!-- <li>
<nuxt-link to="/" :class="router== '/aboutXx'?'active':''">招商加盟</nuxt-link>
</!-->
<li style="position: relative" class="news-msg">
<li style="position: relative;padding-bottom:50px" class="news-msg">
<!-- <nuxt-link to="/activity" :class="router== '/activity' || router== '/news' ?'active':''"> -->
<nuxt-link
to="/activity"
......@@ -494,16 +494,15 @@ export default {
}
.news-msg:hover .select-news {
display: block;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .15);
}
.select-product,
.select-news {
position: absolute;
top: 42px;
left: 10px;
top: 46px;
left: 8px;
background: #fff;
/* padding: 10px 24px; */
display: none;
/* border: 1px solid #e5e5e5; */
text-align: center;
padding: 0;
}
......
nuxt.config.js
View file @ 692c3c94
......@@ -20,6 +20,7 @@ module.exports = {
// { 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://xxtest.upyuns.com/xxfccn/css/pc/main.css' },
......@@ -31,8 +32,6 @@ module.exports = {
{ rel: 'stylesheet', href: 'https://xxtest.upyuns.com/xxfccn/css/pc/swiper.min.css' },
{ rel: 'stylesheet', href: 'https://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' },
],
......
pages/activity.vue
View file @ 692c3c94
......@@ -27,10 +27,10 @@
<h3>新闻资讯</h3>
<ul>
<li>
<nuxt-link to="/news" style="color:#1bbb9f">欣新活动</nuxt-link>
<nuxt-link to="/activity" style="color:#1bbb9f">欣新活动</nuxt-link>
</li>
<li>
<nuxt-link to="/activity">新闻动态</nuxt-link>
<nuxt-link to="/news">新闻动态</nuxt-link>
</li>
</ul>
</div>
......
pages/index.vue
View file @ 692c3c94
......@@ -449,9 +449,9 @@
<li v-for="(val,key) in item.slice(1)" :key="key">
<nuxt-link :to="'activityList/'+val.id">
<h3>{{val.title}}</h3>
<p>活动时间:{{val.startTime}} - {{val.endTime}}</p>
<p>活动地点:{{val.province}}{{val.city}}{{val.town}}{{val.address}}</p>
</nuxt-link>
<p>活动时间:{{val.startTime}} - {{val.endTime}}</p>
<p>活动地点:{{val.province}}{{val.city}}{{val.town}}{{val.address}}</p>
</li>
</ul>
</div>
......@@ -526,11 +526,11 @@
</div>
<!-- 城市覆盖区域 -->
<div class="map-container" style='height:580px'>
<div class="map-container" style="height:580px">
<div class="city-covers">
<div class="introduce">
<h3>欣新房车是一家专业从事房车销售，房车租赁,房车旅游路线策划，房车托管及房车产业配套与服务一体化的企业。</h3>
<p>将以全新的商业模式与经营理念，让房车生活走向大众，我们将竭诚为消费者提供舒适,便捷,轻松,快乐的房车生活。</p>
<h3>欣新房车是一家专业从事房车销售，房车租赁，房车旅游路线策划，房车托管及房车产业配套与服务一体化的企业。</h3>
<p>将以全新的商业模式与经营理念，让房车生活走向大众，我们将竭诚为消费者提供舒适、便捷、轻松、快乐的房车生活。</p>
<p>欣新房车全国覆盖</p>
<ul>
<li>
......@@ -549,7 +549,9 @@
</nuxt-link>
</span>
</div>
<div style="display:inline-block"><img src="https://mgmt.dfangche.com/xxfccn/image/home/map_new.jpg" alt/></div>
<div style="display:inline-block;max-width:65%">
<img src="https://mgmt.dfangche.com/xxfccn/image/home/map_new.jpg" alt />
</div>
</div>
</div>
......
pages/news.vue
View file @ 692c3c94
......@@ -27,10 +27,10 @@
<h3>新闻资讯</h3>
<ul>
<li>
<nuxt-link to='/news'>欣新活动</nuxt-link>
<nuxt-link to='/activity'>欣新活动</nuxt-link>
</li>
<li>
<nuxt-link to='/activity' style="color:#1bbb9f">新闻动态</nuxt-link>
<nuxt-link to='/news' style="color:#1bbb9f">新闻动态</nuxt-link>
</li>
</ul>
</div>
......
pages/newsList/_id.vue
View file @ 692c3c94
......@@ -19,35 +19,30 @@
</div>
</div>
<div
id="fixContainer"
style="float:left;width:300px;background-color:#fff;text-align:center"
<div id="fixContainer" style="float:left;width:300px;background-color:#fff;text-align:center">
<div
style="width: 300px;background:#fff;text-align:center"
id="campsiteHotId"
:class="barFixed?'isFixed':''"
>
<div
style="width: 300px;background:#fff;text-align:center"
id="campsiteHotId"
:class="barFixed?'isFixed':''"
>
<div class="more-container new-cc">
<div>
<div>推荐咨讯</div>
<div class="more-container new-cc">
<div>
<div>推荐咨讯</div>
</div>
</div>
</div>
<div class="content-news" v-for="item in hotList" :key="item.id">
<nuxt-link :to="'/newsList/'+item.id">
<img :src="item.coverImage" style="width:190px;height: 120px;display:block;margin:0 auto;" />
<div class="c-title">{{item.title}}</div>
<div class="content-news" v-for="item in hotList" :key="item.id">
<nuxt-link :to="'/newsList/'+item.id">
<img :src="item.coverImage" style="width:190px;height: 120px;display:block;margin:0 auto;" />
<div class="c-title">{{item.title}}</div>
</nuxt-link>
</div>
<nuxt-link to="/news" class="look-more">
MORE
<i class="iconfont iconsingle_arrow"></i>
</nuxt-link>
</div>
<nuxt-link to="/news" class="look-more">
MORE
<i class="iconfont iconsingle_arrow"></i>
</nuxt-link>
</div>
</div>
</div>
</div>
<go-top></go-top>
......@@ -113,9 +108,9 @@ export default {
document.documentElement.scrollTop ||
document.body.scrollTop
this.$nextTick(function() {
var menuTop = document.querySelector('#campsiteHotId')
console.log(menuTop.offsetTop);
var menuTop = document.querySelector('#campsiteHotId')
console.log(menuTop.offsetTop)
//滑动到指定位置菜单吸顶
if (scrollTop > menuTop.offsetTop - 120) {
this.barFixed = true
......
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