53 lines
1.0 KiB
Vue
53 lines
1.0 KiB
Vue
<template>
|
|
<view class="item_list">
|
|
<div class="item" v-for="(v,i) in list" :key="i">
|
|
<div class="newest_img">
|
|
<!-- <router-link :to="v.id"> -->
|
|
<image :src="v.preview" :alt="v.title">
|
|
<!-- </router-link> -->
|
|
<span>{{v.total}}P</span>
|
|
</div>
|
|
<div class="newest_text">
|
|
<div>
|
|
<!-- <router-link :to="v.id"> -->
|
|
<p class="t">{{v.title}}</p>
|
|
<p v-if(v.hasOwnProperty(source)) class="source">{{v.source}}</p>
|
|
<!-- </router-link> -->
|
|
</div>
|
|
<div v-if(v.hasOwnProperty(tags)) class="tags">
|
|
<div v-for="(it,index) in v.tags" :key="index" class="tags_item">
|
|
<div>
|
|
{{ it.title }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "item_list",
|
|
props: {
|
|
list: {
|
|
type: Array,
|
|
default: () => []
|
|
}
|
|
},
|
|
data() {
|
|
return {};
|
|
},
|
|
created() {
|
|
console.log(this.list)
|
|
},
|
|
methods:{
|
|
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
@import "@/less/components/item.less";
|
|
</style>
|