ann0707
2019-01-09 912b550975a06ea7a861a021dd07eb5ec8cb543c
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;
        }