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/views/home/home.vue | 50 +++++++++++++++++++++++++-------------------------
1 files changed, 25 insertions(+), 25 deletions(-)
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