46 lines
1018 B
Vue
46 lines
1018 B
Vue
<template>
|
|
<div class="book">
|
|
<view class="uni-list">
|
|
<view class="uni-list-cell" hover-class="uni-list-cell-hover" v-for="(value, key) in listData" :key="key" @click="goDetail(value)">
|
|
<view class="uni-media-list">
|
|
<image class="uni-media-list-logo" :src="value.cover"></image>
|
|
<view class="uni-media-list-body">
|
|
<view class="uni-media-list-text-top">{{ value.title }}</view>
|
|
<view class="uni-media-list-text-bottom">
|
|
<text>{{ value.author_name }}</text>
|
|
<text>{{ value.published_at }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
listData: []
|
|
}
|
|
},
|
|
onLoad() {
|
|
this.getBootList()
|
|
},
|
|
methods: {
|
|
async getBootList () {
|
|
let data = await this.$http.selectUserBook({
|
|
data: {
|
|
id: (JSON.parse(localStorage.getItem("LoginStatus"))).id
|
|
}
|
|
});
|
|
console.log(data)
|
|
this.listData = data
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|