/**分类书籍的box容器 横大*/

import { Text, View, Image, Navigator } from "@tarojs/components";
import React from 'react'
import './index.less'
export interface BookboxColumnBigProps {
    bookId: number,//书ID
    authorName: string,//作者
    bookName: string,//书名称
    bookDesc: string,//描述
    picUrl: string,//封面
    bookStatus: number,//完本|连载状态
    wordCount: number,//字数
    labelInfoList: { name: string }[],//标签
    vipFree: boolean
}
function BookboxColumnBig(props: BookboxColumnBigProps) {
    const click = () => {
        // BookStore.setData({ openBookData: props })
    }
    const { picUrl, bookName, bookId, authorName, vipFree } = props
    return <View className='book_box_column_big' onClick={click} >
        <Navigator url={'/pages/book/bookDetails/index?bookId=' + bookId} hoverClass="none" >
            <Image src={picUrl || ''} className={`img ${vipFree ? "isVip" : ""}`}></Image>
            <View className='bottom'>
                <Text className='title'>{bookName}</Text>
                <Text className='author'>{authorName}</Text>
            </View>
        </Navigator>
    </View>
} 

export default React.memo(BookboxColumnBig)