93 lines
2.2 KiB
JavaScript
93 lines
2.2 KiB
JavaScript
// pages/detail/detail.js
|
|
const { get } = require('../../utils/request');
|
|
const { formatTime } = require('../../utils/util');
|
|
|
|
Page({
|
|
data: {
|
|
id: '',
|
|
detail: null,
|
|
loading: true,
|
|
isFavorite: false,
|
|
relatedList: []
|
|
},
|
|
|
|
onLoad(options) {
|
|
if (options.id) {
|
|
this.setData({ id: options.id });
|
|
this.loadDetail(options.id);
|
|
}
|
|
},
|
|
|
|
onShareAppMessage() {
|
|
return {
|
|
title: this.data.detail?.title || '信息详情',
|
|
path: `/pages/detail/detail?id=${this.data.id}`
|
|
};
|
|
},
|
|
|
|
// 加载详情
|
|
async loadDetail(id) {
|
|
this.setData({ loading: true });
|
|
|
|
// 模拟数据
|
|
setTimeout(() => {
|
|
this.setData({
|
|
loading: false,
|
|
detail: {
|
|
id: id,
|
|
title: '这是一个详情页面的标题，展示信息服务的详细内容',
|
|
content: `
|
|
<p>这是信息详情的正文内容。</p>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
<p>更多详细的信息内容会在这里展示，包括图片、文字等富文本内容。</p>
|
|
<p>用户可以通过滑动查看完整的内容。</p>
|
|
`,
|
|
author: '信息服务平台',
|
|
publishTime: new Date().getTime() - 3600000,
|
|
views: 1234,
|
|
category: '科技',
|
|
image: '/assets/images/detail.png'
|
|
},
|
|
relatedList: [
|
|
{ id: 2, title: '相关信息标题1', views: 856 },
|
|
{ id: 3, title: '相关信息标题2', views: 723 }
|
|
]
|
|
});
|
|
|
|
// 设置导航栏标题
|
|
wx.setNavigationBarTitle({
|
|
title: this.data.detail.title.substring(0, 10) + '...'
|
|
});
|
|
}, 500);
|
|
},
|
|
|
|
// 收藏/取消收藏
|
|
onFavorite() {
|
|
const isFavorite = !this.data.isFavorite;
|
|
this.setData({ isFavorite });
|
|
|
|
wx.showToast({
|
|
title: isFavorite ? '收藏成功' : '已取消收藏',
|
|
icon: 'success'
|
|
});
|
|
},
|
|
|
|
// 分享
|
|
onShare() {
|
|
// 触发分享
|
|
},
|
|
|
|
// 点击相关信息
|
|
onRelatedTap(e) {
|
|
const { id } = e.currentTarget.dataset;
|
|
wx.navigateTo({
|
|
url: `/pages/detail/detail?id=${id}`
|
|
});
|
|
},
|
|
|
|
// 返回
|
|
onBack() {
|
|
wx.navigateBack();
|
|
}
|
|
});
|