126 lines
2.2 KiB
Vue
126 lines
2.2 KiB
Vue
<template>
|
|
<view class="bookChapterInfo_content">
|
|
<view class="bookChapterInfo_body">
|
|
<view class="bookChapterInfo_header">
|
|
<view class="_header_title">
|
|
查看目录
|
|
</view>
|
|
<view class="_header_chapter">
|
|
共{{directoryCount}}章
|
|
<u-icon name="arrow-right" color="#666666" size="26rpx" />
|
|
</view>
|
|
</view>
|
|
<view class="bookChapterInfo_list_box">
|
|
<view class="list_chapter_item" v-for="m in bookDirectory" :key="m.id">
|
|
<view class="chapter_item_name">
|
|
{{m.chaptername}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="_check_all_chapter" @tap="toBookRecommendList">
|
|
查看全部
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
directoryCount: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
bookDirectory: {
|
|
type: Array,
|
|
default: []
|
|
},
|
|
bookSid: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
bookInfo: {
|
|
type: Object,
|
|
default: {
|
|
title: '',
|
|
}
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
toBookRecommendList() {
|
|
uni.navigateTo({
|
|
url: `/pages/bookRecommendList/bookRecommendList?sid=${this.bookSid}&t=${this.bookInfo.title}`
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.bookChapterInfo_content {
|
|
width: 100%;
|
|
|
|
.bookChapterInfo_body {
|
|
width: 100%;
|
|
|
|
.bookChapterInfo_header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
width: 100%;
|
|
|
|
._header_title {
|
|
font-size: 36rpx;
|
|
color: #1A1A1A;
|
|
line-height: 1;
|
|
}
|
|
|
|
._header_chapter {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 28rpx;
|
|
color: #666666;
|
|
}
|
|
}
|
|
|
|
.bookChapterInfo_list_box {
|
|
margin-top: 20rpx;
|
|
|
|
.list_chapter_item {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 106rpx;
|
|
border-bottom: 2rpx solid #E5E5E5;
|
|
|
|
.chapter_item_name {
|
|
font-size: 30rpx;
|
|
color: #222222;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
|
|
.list_chapter_item:last-child {
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
|
|
._check_all_chapter {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 88rpx;
|
|
background: #EEEEEE;
|
|
color: #444444;
|
|
font-size: 32rpx;
|
|
border-radius: 8rpx;
|
|
margin-top: 10rpx;
|
|
}
|
|
}
|
|
}
|
|
</style> |