<template>
|
<view class="">
|
|
<view v-for="(item,index) in notice" :key="index">
|
<view class="notic-list" @click="navigatorPage('/detail')">
|
<view class="f-28 mb-30">
|
{{item.title}}
|
</view>
|
<view class="flex a-i-c j-c-s-b">
|
<view class="f-28 flex a-i-c">
|
<view class="flex a-i-c mr-30">
|
<u-icon name="thumb-up-fill" size="24" color="#CECECE"></u-icon>
|
<text class="f-24 c-99 ml-10">{{item.countNumber}}</text>
|
</view>
|
<view class="flex a-i-c">
|
<u-icon name="eye-fill" size="24" color="#CECECE"></u-icon>
|
<text class="f-24 c-99 ml-10">{{item.viewNumber}}</text>
|
</view>
|
</view>
|
<text class="f-24 c-99">{{item.createTime}}</text>
|
</view>
|
</view>
|
</view>
|
|
</view>
|
</template>
|
|
<script>
|
import {
|
getPage
|
} from "@/api/article/article.js";
|
export default {
|
data(){
|
return {
|
notice: [],
|
}
|
},
|
onLoad() {
|
this.getNoticeList()
|
},
|
methods:{
|
async getNoticeList() {
|
const param = {
|
size: 10,
|
current: 1
|
}
|
const res = await getPage(param)
|
this.notice = res.data.records
|
|
},
|
navTo(){
|
this.$u.func.globalNavigator('detail', "navTo")
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.notic-list {
|
padding: 30rpx 0;
|
border-bottom: 1px solid #f5f5f5;
|
}
|
</style>
|
