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