mirror of
https://gitee.com/qingqing-coconut-tea/RcKtFezyRAZX
synced 2026-07-21 10:32:32 +08:00
118 lines
3.1 KiB
JavaScript
118 lines
3.1 KiB
JavaScript
// pages/home/home.js
|
||
// 首页逻辑处理
|
||
|
||
const app = getApp()
|
||
|
||
Page({
|
||
data: {
|
||
// 轮播图数据
|
||
bannerList: [
|
||
{ id: 1, image: '/static/images/banner1.jpg', url: '' },
|
||
{ id: 2, image: '/static/images/banner2.jpg', url: '' },
|
||
{ id: 3, image: '/static/images/banner3.jpg', url: '' }
|
||
],
|
||
// 分类数据
|
||
categoryList: [
|
||
{ id: 1, name: '美食', icon: 'icon-food' },
|
||
{ id: 2, name: '旅游', icon: 'icon-travel' },
|
||
{ id: 3, name: '电影', icon: 'icon-movie' },
|
||
{ id: 4, name: '出行', icon: 'icon-transport' },
|
||
{ id: 5, name: '购物', icon: 'icon-shop' },
|
||
{ id: 6, name: '教育', icon: 'icon-edu' }
|
||
],
|
||
// 推荐文章
|
||
articleList: [
|
||
{ id: 1, title: 'Vue3 Composition API 完全指南', coverImage: '/static/images/article1.jpg', author: '张三', viewCount: 1024, likeCount: 128 },
|
||
{ id: 2, title: 'JavaScript 高级程序设计', coverImage: '/static/images/article2.jpg', author: '李四', viewCount: 856, likeCount: 96 },
|
||
{ id: 3, title: 'CSS Grid 布局详解', coverImage: '/static/images/article3.jpg', author: '王五', viewCount: 512, likeCount: 64 }
|
||
],
|
||
// 统计数据
|
||
stats: {
|
||
userCount: 1234,
|
||
articleCount: 3567,
|
||
commentCount: 12890
|
||
},
|
||
// 搜索关键词
|
||
searchKey: ''
|
||
},
|
||
|
||
onLoad() {
|
||
this.loadHomeData()
|
||
},
|
||
|
||
onShow() {
|
||
// 每次显示时刷新数据
|
||
},
|
||
|
||
onPullDownRefresh() {
|
||
this.loadHomeData()
|
||
wx.stopPullDownRefresh()
|
||
},
|
||
|
||
// 加载首页数据
|
||
loadHomeData() {
|
||
wx.showLoading({ title: '加载中...' })
|
||
// 模拟加载数据
|
||
setTimeout(() => {
|
||
this.setData({
|
||
bannerList: this.data.bannerList,
|
||
categoryList: this.data.categoryList,
|
||
articleList: this.data.articleList
|
||
})
|
||
wx.hideLoading()
|
||
}, 500)
|
||
},
|
||
|
||
// 跳转到文章详情
|
||
goToArticle(e) {
|
||
const id = e.currentTarget.dataset.id
|
||
wx.navigateTo({
|
||
url: '/pages/article-detail/article-detail?id=' + id
|
||
})
|
||
},
|
||
|
||
// 跳转到分类页面
|
||
goToCategory(e) {
|
||
const id = e.currentTarget.dataset.id
|
||
wx.navigateTo({
|
||
url: '/pages/category/category?id=' + id
|
||
})
|
||
},
|
||
|
||
// 搜索
|
||
onSearch(e) {
|
||
const key = e.detail.value
|
||
if (!key) {
|
||
wx.showToast({ title: '请输入搜索关键词', icon: 'none' })
|
||
return
|
||
}
|
||
wx.navigateTo({
|
||
url: '/pages/search-result/search-result?key=' + key
|
||
})
|
||
},
|
||
|
||
// 查看更多文章
|
||
loadMoreArticles() {
|
||
wx.navigateTo({
|
||
url: '/pages/article-list/article-list'
|
||
})
|
||
},
|
||
|
||
// 用户点击轮播图
|
||
onBannerTap(e) {
|
||
const index = e.currentTarget.dataset.index
|
||
const banner = this.data.bannerList[index]
|
||
if (banner.url) {
|
||
wx.navigateTo({
|
||
url: banner.url
|
||
})
|
||
}
|
||
}
|
||
})
|
||
|
||
/**
|
||
* @联系作者：16768118056
|
||
* @描述：（此项目非免费分享）源码百分百可用，搞定毕设不发愁，支持远程调试安装、二次开发、定制、讲解、文档类。
|
||
* @访问：https://www.notmaker.com/detail/8326a897119d4542896c863a69d7bbe7/gtt20260415，查看完整运行演示。
|
||
*/
|