You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.1 KiB
61 lines
1.1 KiB
<template>
|
|
<view class="container">
|
|
<view class="recent-news">
|
|
<block
|
|
v-for="(item, index) in news"
|
|
:key="index"
|
|
>
|
|
<view
|
|
class="news-item"
|
|
:data-id="item.id"
|
|
@tap="toNewsDetail"
|
|
>
|
|
<view class="news-item-title">
|
|
{{ item.title }}
|
|
</view>
|
|
<view class="news-item-date">
|
|
{{ item.publishTime }}
|
|
</view>
|
|
</view>
|
|
</block>
|
|
<view
|
|
v-if="!news || !news.length"
|
|
class="empty"
|
|
>
|
|
暂无数据
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
const news = ref([])
|
|
/**
|
|
* 生命周期函数--监听页面显示
|
|
*/
|
|
onShow(() => {
|
|
// 加载公告
|
|
http.request({
|
|
url: '/shop/notice/noticeList',
|
|
method: 'GET'
|
|
})
|
|
.then(({ data }) => {
|
|
news.value = data.records
|
|
})
|
|
})
|
|
|
|
/**
|
|
* 跳转公告详情页
|
|
* @param e
|
|
*/
|
|
const toNewsDetail = (e) => {
|
|
uni.navigateTo({
|
|
url: '/pages/news-detail/news-detail?id=' + e.currentTarget.dataset.id
|
|
})
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@use './recent-news.scss';
|
|
</style>
|