|
@@ -4,11 +4,12 @@
|
|
<u-search height="30" bgColor="#FFF" :showAction="false" :focus="true" placeholder="请输入剧名"
|
|
<u-search height="30" bgColor="#FFF" :showAction="false" :focus="true" placeholder="请输入剧名"
|
|
searchIconColor="#000" v-model="keyword" @search="search"></u-search>
|
|
searchIconColor="#000" v-model="keyword" @search="search"></u-search>
|
|
</view>
|
|
</view>
|
|
- <view class="videoLists">
|
|
|
|
- <view class="list_item" v-for="(item,index) in list" :key="index">
|
|
|
|
|
|
+ <view v-if="list && list.length" class="video_lists">
|
|
|
|
+ <view class="list_item" v-for="(item,index) in list" :key="index" @click="toPlay(item)">
|
|
<image :src="item.thumbnail" mode="aspectFill" loading="lazy"></image>
|
|
<image :src="item.thumbnail" mode="aspectFill" loading="lazy"></image>
|
|
<view class="innews">
|
|
<view class="innews">
|
|
- <text>{{item.title}}</text>
|
|
|
|
|
|
+ <text>{{ item.name }}</text>
|
|
|
|
+ <text class="ellipsis-2">{{ item.description }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -40,16 +41,47 @@ export default {
|
|
},
|
|
},
|
|
search(){
|
|
search(){
|
|
this.getVideoPage()
|
|
this.getVideoPage()
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ toPlay(item){
|
|
|
|
+ uni.redirectTo({
|
|
|
|
+ url:'/pages/play/index?id='+ item.id+'&data='+JSON.stringify(item),
|
|
|
|
+ })
|
|
|
|
+ },
|
|
},
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.search{
|
|
.search{
|
|
-
|
|
|
|
|
|
+ background: #fff;
|
|
padding-bottom: var(--window-bottom);
|
|
padding-bottom: var(--window-bottom);
|
|
.input_box{
|
|
.input_box{
|
|
padding: 20rpx;
|
|
padding: 20rpx;
|
|
}
|
|
}
|
|
|
|
+ .video_lists{
|
|
|
|
+
|
|
|
|
+ padding: 20rpx;
|
|
|
|
+ background: #fff;
|
|
|
|
+ .list_item{
|
|
|
|
+ display: flex;
|
|
|
|
+ padding: 20rpx;
|
|
|
|
+ border-bottom: 1rpx solid #e2e1d0;
|
|
|
|
+ image{
|
|
|
|
+ flex-shrink: 0;
|
|
|
|
+ width: 160rpx;
|
|
|
|
+ height: 220rpx;
|
|
|
|
+ margin-right: 30rpx;
|
|
|
|
+ }
|
|
|
|
+ .innews{
|
|
|
|
+ padding: 10rpx 0;
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ justify-content: space-around;
|
|
|
|
+ // justify-content: space-around;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .list_item:nth-last-child(1){
|
|
|
|
+ border: 0;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|