<template>
	<view class="page">
		<navbar title="搜素" leftClick @leftClick="$utils.navigateBack" />
		
		<view class="search">
		    <uv-search bgColor="#ffffff" 
			placeholder="搜索" 
			inputAlign="left" 
			@search="handleSearch"
			v-model="keyword"
			@change="searchChange"
		    showAction="false"></uv-search>
		</view>
		
		
		<view class="novel-list">
			<novel-item v-for="(item, index) in list" 
		    @click="navigateToDetail(item.id)"
		    :key="index" :book="item" />
		</view>
		
	</view>
</template>

<script>
    import novelItem from '@/components/novel/novelItem.vue'
    import mixinsList from '@/mixins/list.js'
	export default {
        mixins: [mixinsList],
		components: {
            novelItem,
		},
		data() {
			return {
                mixinsListApi : 'getRecommendList',
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	.search {
		background-color: #fff;
		border-radius: 40rpx;
		display: flex;
		padding: 20rpx;
		margin: 20rpx;
	    :deep(.uv-search__content) {
	        box-shadow: 0 5rpx 15rpx rgba(0, 0, 0, 0.1);
	    }
	}
	.novel-list{
		padding: 20rpx;
	}
</style>
