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