83 lines
1.6 KiB
Vue
83 lines
1.6 KiB
Vue
<template>
|
|
<view class="originalList_content">
|
|
<view class="originalList_content_header">
|
|
<view class="_content_headertitle">原创优选</view>
|
|
</view>
|
|
<view class="originalList_content_body">
|
|
<view class="_content_body_original_list">
|
|
<view class="_original_list_item" v-for="m in dataList" :key="m.id" @tap="toBooksReadingDetail(m)">
|
|
<OriginalBoolItem :bookName="m.title" :bookTips="m.category_name" :bookImage="m.cover" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import OriginalBoolItem from '@/components/originalBoolItem/index.vue'
|
|
export default {
|
|
components: {
|
|
OriginalBoolItem,
|
|
},
|
|
props: {
|
|
dataList: {
|
|
type: Array,
|
|
default: []
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
toBooksReadingDetail(row) {
|
|
uni.navigateTo({
|
|
url: `/pages/booksReadingDetail/booksReadingDetail?sid=${row.id}&t=${row.title}`
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.originalList_content {
|
|
width: 100%;
|
|
|
|
.originalList_content_header {
|
|
width: 100%;
|
|
|
|
._content_headertitle {
|
|
font-size: 36rpx;
|
|
color: #1A1A1A;
|
|
line-height: 1;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
|
|
.originalList_content_body {
|
|
width: 100%;
|
|
|
|
._content_body_original_list {
|
|
display: flex;
|
|
// justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
|
|
._original_list_item {
|
|
width: 150rpx;
|
|
margin-top: 32rpx;
|
|
margin-left: 20rpx;
|
|
}
|
|
|
|
._original_list_item:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
._original_list_item:nth-child(5n+0) {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style> |