From 912b550975a06ea7a861a021dd07eb5ec8cb543c Mon Sep 17 00:00:00 2001
From: ann0707 <674986077@qq.com>
Date: Wed, 09 Jan 2019 11:21:26 +0800
Subject: [PATCH] 首页位置，以及banner的大小的修改
---
src/components/HomeBanner.vue | 4 ++--
config/index.js | 2 +-
src/views/home/home.vue | 50 +++++++++++++++++++++++++-------------------------
3 files changed, 28 insertions(+), 28 deletions(-)
diff --git a/config/index.js b/config/index.js
index 1b60663..f806108 100644
--- a/config/index.js
+++ b/config/index.js
@@ -25,7 +25,7 @@
dev: {
env: require('./dev.env'),
host: '192.168.10.93', // 我自己的ip ,这里写 0.0.0.0 也可以，但是最好指明ip
- port: process.env.PORT || 8099,
+ port: process.env.PORT || 7078,
autoOpenBrowser: true,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
diff --git a/src/components/HomeBanner.vue b/src/components/HomeBanner.vue
index 02b2935..7e22288 100644
--- a/src/components/HomeBanner.vue
+++ b/src/components/HomeBanner.vue
@@ -3,7 +3,7 @@
<swiper :auto="true"
class="home-banner-swiper"
:show-dots="true"
- height="190px"
+ height="150px"
:loop="true"
dots-position="center">
<swiper-item v-for="(item, index) in lists"
@@ -43,7 +43,7 @@
@import '../style/mixin.less';
.home-banner-swiper {
width: 100%;
- height: 190px;
+ height: 150px;
background-color: @color-background-default;
.vux-swiper-item {
img {
diff --git a/src/views/home/home.vue b/src/views/home/home.vue
index bdc14f8..f6c607f 100644
--- a/src/views/home/home.vue
+++ b/src/views/home/home.vue
@@ -42,6 +42,26 @@
<p>信用卡</p>
</div>
</div>
+ <!--footer-->
+ <FSpace type="small" v-if="activityList.length"></FSpace>
+ <!--为你优选-->
+ <FBlockTitle title="为你优选" v-if="prodList.length">
+ <div slot="more" class="more" @click="handlePushMore">更多<i class="iconfont icon-arrow"></i></div>
+ </FBlockTitle>
+ <FProdList :lists="prodList" @on-click-prodItem="handleProductJump" v-if="prodList.length"></FProdList>
+ <FSpace type="small" v-if="prodList.length"></FSpace>
+ <!--信用卡专栏-->
+ <canvas id="defaultIMG" style="display: none;" width="750" height="388"></canvas>
+ <FBlockTitle title="信用卡专栏" v-if="creditList.length">
+ <div slot="more" class="more" @click="handleCreditCardMore">更多<i class="iconfont icon-arrow"></i></div>
+ </FBlockTitle>
+ <div class="credit-swipe-box" v-if="creditList.length >= 1">
+ <swiper :options="swiperOption" ref="mySwiper" @click="handleSwiper">
+ <swiperSlide v-for="(i,index) in creditList" :key="index">
+ <img :src="i.context">
+ </swiperSlide>
+ </swiper>
+ </div>
<FSpace type="small"></FSpace>
<!--通知-->
<Notice :lists="noticeList" v-if="noticeList.length" @indexJump="indexJump"></Notice>
@@ -63,26 +83,6 @@
<img :src="i.context" alt="i.name" @click="indexJump(i)">
</li>
</ul>
- <!--footer-->
- <FSpace type="small" v-if="activityList.length"></FSpace>
- <!--为你优选-->
- <FBlockTitle title="为你优选" v-if="prodList.length">
- <div slot="more" class="more" @click="handlePushMore">更多<i class="iconfont icon-arrow"></i></div>
- </FBlockTitle>
- <FProdList :lists="prodList" @on-click-prodItem="handleProductJump" v-if="prodList.length"></FProdList>
- <FSpace type="small" v-if="prodList.length"></FSpace>
- <!--信用卡专栏-->
- <canvas id="defaultIMG" style="display: none;" width="750" height="388"></canvas>
- <FBlockTitle title="信用卡专栏" v-if="creditList.length">
- <div slot="more" class="more" @click="handleCreditCardMore">更多<i class="iconfont icon-arrow"></i></div>
- </FBlockTitle>
- <div class="credit-swipe-box" v-if="creditList.length >= 1">
- <swiper :options="swiperOption" ref="mySwiper" @click="handleSwiper">
- <swiperSlide v-for="(i,index) in creditList" :key="index">
- <img :src="i.context">
- </swiperSlide>
- </swiper>
- </div>
<FSpace type="large"></FSpace>
<FFooter :index="0"></FFooter>
</div>
@@ -612,16 +612,16 @@
.product-type {
.flexLayout();
box-sizing: border-box;
- padding: 20px 0 10px;
+ padding: 10px 0 2px;
.type-item {
flex: 1;
text-align: center;
}
span {
display: inline-block;
- width: 44px;
- height: 44px;
- line-height: 44px;
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
color: #fff;
border-radius: 50%;
}
@@ -641,7 +641,7 @@
.color-linear-gradient(@color-gradient-lightBlue-left, @color-gradient-lightBlue-right);
}
P {
- font-size: @font-size-medium;
+ font-size: @font-size-small;
line-height: 34px;
color: @color-text-primary;
}
--
Gitblit v1.8.0