首页位置，以及banner的大小的修改

ann0707

2019-01-09 912b550975a06ea7a861a021dd07eb5ec8cb543c

首页位置，以及banner的大小的修改

 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: '/',

 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 {

 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;
        }