<template>
	<view class="content">
		<view class="top_box pd-30">
			<view class="flex jc_between ai_center">
				<view class="">
					<view class="text-32 mgb-20">
						九阴冥棺
					</view>
					<view class="text-22 text-999">
						道门九公子 都市异能
					</view>
					<view class="text-22 text-999 mgb-20">
						已完结·223.6万字
					</view>
					<view class="text-36 text-EE8030">
						9.0 <text class="text-24">分</text>
					</view>
				</view>
				<image class="h-220 w-180 radio-10" src="/static/logo.png"></image>
			</view>
		</view>
		<view class="bg-white mgt-20 pd-30">
			<view class="">
				<view class="text-30">书籍简介</view>
				<view class="mgy-20 line_4 text-999 text-24">
					书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述书籍描述
				</view>
				<view class="uni-shadow-lg mgy-50 h-100 flex jc_between pd-20 ai_center"
				 @click="navTo('/pages/redBook/index')">
					<view>
						<view class="text-EE8030 text-24">
							最新章节 第1018章 大结局
						</view>
						<view class="text-22 text-999">
							2025-07-17 15:06:43
						</view>
					</view>
					<uni-icons customPrefix="iconfont" type="icon-youjiantou" size="12" />
				</view>
				<view class="pdb-100">
					<view class="text-center text-500 text-32">
						第1010章 原作归来
					</view>
					<view class=" mgt-50 text-24">
						作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容作品内容
					</view>
					<view class="flex jc_center ai_center mgy-50" @click="navTo('/pages/redBook/index')">
						继续阅读 <uni-icons class="mgl-10" customPrefix="iconfont" type="icon-jiantouxia" size="12" />
					</view>
				</view>
			</view>
		</view>
		<view class="fixed_bottom">
			<view class="flex fd_c text-22 pdl-10" @click="navTo('/pages/catalogue/index')">
				<uni-icons customPrefix="iconfont" type="icon-cebiandaohangicon-zhangjiemulu" color="red" size="22" />
				章节目录
			</view>
			<view class="btn"  @click="navTo('/pages/redBook/index')">继续阅读</view>
		</view>
	</view>
</template>

<script>
	import { onShow,onLoad } from "@dcloudio/uni-app";
	export default {
		components: {},
		data(){
			return{
				
			}
		},
		onShow(){
			
		},
		onLoad(){
			
		},
		methods: {
			navTo(url){
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style lang='scss' scoped>
	.top_box{
		background-color: #fff;
		height: 300rpx;
	}
	.fixed_bottom{
		position: fixed;
		display: flex;
		justify-content: space-between;
		width: 100%;
		bottom: 0;
		padding: 10rpx 30rpx;
		height: 100rpx;
		background-color: #fff;
		.btn{
			width: 500rpx;
			height: 80rpx;
			text-align: center;
			color: #fff;
			line-height: 80rpx;
			border-radius: 80rpx;
			background: linear-gradient(90deg,#ffb64f,#ff3f1d);
		}
	}
</style>