|
|
|
@ -1,6 +1,6 @@ |
|
|
|
<template> |
|
|
|
<view> |
|
|
|
<lf-nav :search="true" :spreadOut="false" bgColor="transparent"></lf-nav> |
|
|
|
<lf-nav :search="true" :bgColor="nav_bg_color" :inputColor="nav_input_color" :textColor="nav_text_color" :spreadOut="false"></lf-nav> |
|
|
|
<swiper class="head" :current="banner_current" autoplay interval="3000"> |
|
|
|
<swiper-item @click="clickBanner(item.type,item.url)" v-for="(item,index) of banner" :key="index"> |
|
|
|
<image :src="item.picture" class="swipe-img" mode="aspectFill"></image> |
|
|
|
@ -125,6 +125,9 @@ |
|
|
|
data() { |
|
|
|
return { |
|
|
|
banner: [], |
|
|
|
nav_bg_color: 'transparent' ,// 导航背景颜色 |
|
|
|
nav_input_color: 'rgba(255,255,255,0.5)', |
|
|
|
nav_text_color: '#777', |
|
|
|
banner_current: 0, |
|
|
|
recomm_list: [], |
|
|
|
channel_list: [], |
|
|
|
@ -143,6 +146,18 @@ |
|
|
|
this.getIndexData() |
|
|
|
this.getFavourite() |
|
|
|
}, |
|
|
|
// 页面滚动 |
|
|
|
onPageScroll(event){ |
|
|
|
if(event.scrollTop >= 100){ |
|
|
|
this.nav_bg_color = '#1998FE'; |
|
|
|
this.nav_input_color = 'rgba(255,255,255,0.5)'; |
|
|
|
this.nav_text_color = '#fff'; |
|
|
|
}else{ |
|
|
|
this.nav_bg_color = 'transparent'; |
|
|
|
this.nav_input_color = 'rgba(255,255,255,0.5)'; |
|
|
|
this.nav_text_color = '#777'; |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
//获取猜你喜欢 |
|
|
|
getFavourite() { |
|
|
|
|