From 8fc4630bb5dcf75894d74c45b5a43ae4ad15f4a3 Mon Sep 17 00:00:00 2001 From: panw Date: Fri, 5 Dec 2025 15:58:08 +0800 Subject: [PATCH] =?UTF-8?q?refactor(app):=20=E7=A7=BB=E9=99=A4=E5=88=86?= =?UTF-8?q?=E7=B1=BB=E5=92=8C=E8=AF=A6=E6=83=85=E6=A8=A1=E5=9D=97=EF=BC=8C?= =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=BA=91=E5=BC=80=E5=8F=91=E6=B5=8B=E8=AF=95?= =?UTF-8?q?=E9=A1=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 从项目中删除分类页及相关代码和样式文件 - 从项目中删除详情页及相关代码和样式文件 - 首页简化为欢迎界面并添加跳转云开发测试页入口 - 更新自定义底部栏移除分类入口 - 更新app.js初始化云开发环境 - 修改app.json移除分类页面配置 - 调整首页样式和交互，提高简洁度 - 配置云函数目录路径cloudfunctionRoot为cloudfunctions/ --- app.js | 19 +++- app.json | 7 +- cloudfunctions/test/index.js | 23 ++++ cloudfunctions/test/package.json | 9 ++ custom-tab-bar/index.js | 12 +-- pages/category/category.js | 126 ---------------------- pages/category/category.json | 5 - pages/category/category.wxml | 61 ----------- pages/category/category.wxss | 71 ------------ pages/cloud-test/cloud-test.js | 179 +++++++++++++++++++++++++++++++ pages/cloud-test/cloud-test.json | 4 + pages/cloud-test/cloud-test.wxml | 118 ++++++++++++++++++++ pages/cloud-test/cloud-test.wxss | 127 ++++++++++++++++++++++ pages/detail/detail.js | 92 ---------------- pages/detail/detail.json | 4 - pages/detail/detail.wxml | 78 -------------- pages/detail/detail.wxss | 150 -------------------------- pages/index/index.js | 127 +--------------------- pages/index/index.json | 1 - pages/index/index.wxml | 104 +++--------------- pages/index/index.wxss | 146 +++---------------------- project.config.json | 1 + 22 files changed, 514 insertions(+), 950 deletions(-) create mode 100644 cloudfunctions/test/index.js create mode 100644 cloudfunctions/test/package.json delete mode 100644 pages/category/category.js delete mode 100644 pages/category/category.json delete mode 100644 pages/category/category.wxml delete mode 100644 pages/category/category.wxss create mode 100644 pages/cloud-test/cloud-test.js create mode 100644 pages/cloud-test/cloud-test.json create mode 100644 pages/cloud-test/cloud-test.wxml create mode 100644 pages/cloud-test/cloud-test.wxss delete mode 100644 pages/detail/detail.js delete mode 100644 pages/detail/detail.json delete mode 100644 pages/detail/detail.wxml delete mode 100644 pages/detail/detail.wxss diff --git a/app.js b/app.js index b7fd864..bbbf501 100644 --- a/app.js +++ b/app.js @@ -1,15 +1,26 @@ // app.js App({ + onLaunch() { + // 初始化云开发环境 + if (!wx.cloud) { + console.error('请使用 2.2.3 或以上的基础库以使用云能力'); + } else { + wx.cloud.init({ + // 环境ID，请替换为你的云开发环境ID + env: 'your-env-id', + traceUser: true + }); + } + this.initApp(); + }, + globalData: { userInfo: null, baseUrl: 'https://api.example.com', // API基础地址 token: '' }, - onLaunch() { - // 小程序启动时执行 - this.initApp(); - }, + // 初始化应用 initApp() { diff --git a/app.json b/app.json index dd9a71d..e79eb90 100644 --- a/app.json +++ b/app.json @@ -1,8 +1,7 @@ { "pages": [ "pages/index/index", - "pages/category/category", - "pages/detail/detail", + "pages/cloud-test/cloud-test", "pages/mine/mine" ], "window": { @@ -23,10 +22,6 @@ "pagePath": "pages/index/index", "text": "首页" }, - { - "pagePath": "pages/category/category", - "text": "分类" - }, { "pagePath": "pages/mine/mine", "text": "我的" diff --git a/cloudfunctions/test/index.js b/cloudfunctions/test/index.js new file mode 100644 index 0000000..9f352fb --- /dev/null +++ b/cloudfunctions/test/index.js @@ -0,0 +1,23 @@ +// 云函数入口文件 +const cloud = require('wx-server-sdk'); + +cloud.init({ + env: cloud.DYNAMIC_CURRENT_ENV +}); + +// 云函数入口函数 +exports.main = async (event, context) => { + const wxContext = cloud.getWXContext(); + + return { + code: 0, + message: '云函数调用成功', + data: { + event, + openid: wxContext.OPENID, + appid: wxContext.APPID, + unionid: wxContext.UNIONID, + timestamp: Date.now() + } + }; +}; diff --git a/cloudfunctions/test/package.json b/cloudfunctions/test/package.json new file mode 100644 index 0000000..d493c55 --- /dev/null +++ b/cloudfunctions/test/package.json @@ -0,0 +1,9 @@ +{ + "name": "test", + "version": "1.0.0", + "description": "云函数测试", + "main": "index.js", + "dependencies": { + "wx-server-sdk": "~2.6.3" + } +} diff --git a/custom-tab-bar/index.js b/custom-tab-bar/index.js index ecff6d9..a242d6b 100644 --- a/custom-tab-bar/index.js +++ b/custom-tab-bar/index.js @@ -9,20 +9,12 @@ Component({ { pagePath: '/pages/index/index', text: '首页', - icon: 'home-o', - activeIcon: 'wap-home' - }, - { - pagePath: '/pages/category/category', - text: '分类', - icon: 'apps-o', - activeIcon: 'apps-o' + icon: 'home-o' }, { pagePath: '/pages/mine/mine', text: '我的', - icon: 'user-o', - activeIcon: 'manager' + icon: 'user-o' } ] }, diff --git a/pages/category/category.js b/pages/category/category.js deleted file mode 100644 index 75315c1..0000000 --- a/pages/category/category.js +++ /dev/null @@ -1,126 +0,0 @@ -// pages/category/category.js -const { get } = require('../../utils/request'); - -Page({ - data: { - activeTab: 0, - categoryList: [], - infoList: [], - loading: false, - page: 1, - pageSize: 10, - hasMore: true - }, - - onLoad(options) { - this.initData(); - - // 如果从首页跳转过来带有分类ID - if (options.id) { - const tabIndex = parseInt(options.id) - 1; - this.setData({ activeTab: tabIndex }); - } - }, - - onShow() { - // 初始化 TabBar 选中状态 - if (typeof this.getTabBar === 'function' && this.getTabBar()) { - this.getTabBar().init(); - } - }, - - onPullDownRefresh() { - this.refreshList().then(() => { - wx.stopPullDownRefresh(); - }); - }, - - onReachBottom() { - if (this.data.hasMore && !this.data.loading) { - this.loadMore(); - } - }, - - // 初始化数据 - async initData() { - // 模拟分类数据 - this.setData({ - categoryList: [ - { id: 1, name: '科技' }, - { id: 2, name: '财经' }, - { id: 3, name: '教育' }, - { id: 4, name: '健康' }, - { id: 5, name: '生活' }, - { id: 6, name: '娱乐' } - ] - }); - - this.refreshList(); - }, - - // 刷新列表 - async refreshList() { - this.setData({ page: 1, hasMore: true, infoList: [] }); - await this.loadList(); - }, - - // 加载列表 - async loadList() { - this.setData({ loading: true }); - - // 模拟数据 - setTimeout(() => { - const mockList = [ - { - id: 1, - title: '分类信息标题示例', - summary: '这是分类信息的摘要内容...', - image: '/assets/images/info1.png', - time: '2小时前', - views: 1234 - }, - { - id: 2, - title: '第二条分类信息', - summary: '这是第二条信息的摘要...', - image: '/assets/images/info2.png', - time: '3小时前', - views: 856 - } - ]; - - this.setData({ - infoList: [...this.data.infoList, ...mockList], - loading: false - }); - }, 500); - }, - - // 加载更多 - async loadMore() { - if (this.data.loading) return; - - const newPage = this.data.page + 1; - if (newPage > 3) { - this.setData({ hasMore: false }); - return; - } - - this.setData({ page: newPage }); - await this.loadList(); - }, - - // 切换分类 - onTabChange(e) { - this.setData({ activeTab: e.detail.index }); - this.refreshList(); - }, - - // 点击信息 - onInfoTap(e) { - const { id } = e.currentTarget.dataset; - wx.navigateTo({ - url: `/pages/detail/detail?id=${id}` - }); - } -}); diff --git a/pages/category/category.json b/pages/category/category.json deleted file mode 100644 index cc8253a..0000000 --- a/pages/category/category.json +++ /dev/null @@ -1,5 +0,0 @@ -{ - "navigationBarTitleText": "分类", - "enablePullDownRefresh": true, - "usingComponents": {} -} diff --git a/pages/category/category.wxml b/pages/category/category.wxml deleted file mode 100644 index bbe73a2..0000000 --- a/pages/category/category.wxml +++ /dev/null @@ -1,61 +0,0 @@ - - - - - - - - - - - {{ info.title }} - {{ info.summary }} - - {{ info.time }} - {{ info.views }}阅读 - - - - - - - - - - 加载中... - - - - - — 没有更多了 — - - - - - - - diff --git a/pages/category/category.wxss b/pages/category/category.wxss deleted file mode 100644 index 46a8d01..0000000 --- a/pages/category/category.wxss +++ /dev/null @@ -1,71 +0,0 @@ -/* pages/category/category.wxss */ - -.container { - min-height: 100vh; - background-color: #f5f5f5; -} - -.info-list { - padding: 20rpx; -} - -.info-item { - margin-bottom: 20rpx; -} - -.info-content { - display: flex; - justify-content: space-between; -} - -.info-text { - flex: 1; - margin-right: 20rpx; - display: flex; - flex-direction: column; -} - -.info-title { - font-size: 30rpx; - font-weight: 500; - color: #333; - line-height: 1.5; - margin-bottom: 12rpx; -} - -.info-summary { - font-size: 26rpx; - color: #666; - line-height: 1.5; - margin-bottom: 16rpx; -} - -.info-meta { - display: flex; - align-items: center; - margin-top: auto; -} - -.info-time { - font-size: 22rpx; - color: #999; -} - -.info-views { - font-size: 22rpx; - color: #999; - margin-left: 20rpx; -} - -.loading-section { - display: flex; - justify-content: center; - padding: 40rpx; -} - -.no-more { - text-align: center; - padding: 40rpx; - color: #999; - font-size: 24rpx; -} diff --git a/pages/cloud-test/cloud-test.js b/pages/cloud-test/cloud-test.js new file mode 100644 index 0000000..63945dc --- /dev/null +++ b/pages/cloud-test/cloud-test.js @@ -0,0 +1,179 @@ +// pages/cloud-test/cloud-test.js + +Page({ + data: { + logs: [], + testData: null, + loading: false + }, + + onLoad() { + this.addLog('页面加载完成，云开发测试就绪'); + }, + + // 添加日志 + addLog(message, type = 'info') { + const time = new Date().toLocaleTimeString(); + const logs = [...this.data.logs, { time, message, type }]; + this.setData({ logs }); + }, + + // 清空日志 + onClearLogs() { + this.setData({ logs: [] }); + }, + + // 测试云函数 + async onTestFunction() { + this.addLog('开始调用云函数 test...'); + this.setData({ loading: true }); + + try { + const res = await wx.cloud.callFunction({ + name: 'test', + data: { + action: 'test', + timestamp: Date.now() + } + }); + + this.addLog('云函数调用成功', 'success'); + this.addLog(`返回结果: ${JSON.stringify(res.result)}`, 'success'); + console.log('云函数返回:', res); + } catch (err) { + this.addLog(`云函数调用失败: ${err.message}`, 'error'); + console.error('云函数错误:', err); + } + + this.setData({ loading: false }); + }, + + // 测试数据库 - 添加数据 + async onTestDbAdd() { + this.addLog('开始测试数据库添加...'); + this.setData({ loading: true }); + + try { + const db = wx.cloud.database(); + const res = await db.collection('test_collection').add({ + data: { + content: '测试数据', + createTime: db.serverDate(), + count: Math.floor(Math.random() * 100) + } + }); + + this.addLog('数据添加成功', 'success'); + this.addLog(`文档ID: ${res._id}`, 'success'); + this.setData({ testData: { _id: res._id } }); + } catch (err) { + this.addLog(`数据库添加失败: ${err.message}`, 'error'); + console.error('数据库错误:', err); + } + + this.setData({ loading: false }); + }, + + // 测试数据库 - 查询数据 + async onTestDbQuery() { + this.addLog('开始测试数据库查询...'); + this.setData({ loading: true }); + + try { + const db = wx.cloud.database(); + const res = await db.collection('test_collection') + .orderBy('createTime', 'desc') + .limit(5) + .get(); + + this.addLog('数据查询成功', 'success'); + this.addLog(`查询到 ${res.data.length} 条数据`, 'success'); + + res.data.forEach((item, index) => { + this.addLog(`[${index + 1}] ${item.content} - count: ${item.count}`, 'info'); + }); + } catch (err) { + this.addLog(`数据库查询失败: ${err.message}`, 'error'); + console.error('数据库错误:', err); + } + + this.setData({ loading: false }); + }, + + // 测试数据库 - 删除数据 + async onTestDbDelete() { + if (!this.data.testData?._id) { + this.addLog('请先添加测试数据', 'error'); + return; + } + + this.addLog('开始测试数据库删除...'); + this.setData({ loading: true }); + + try { + const db = wx.cloud.database(); + await db.collection('test_collection').doc(this.data.testData._id).remove(); + + this.addLog('数据删除成功', 'success'); + this.setData({ testData: null }); + } catch (err) { + this.addLog(`数据库删除失败: ${err.message}`, 'error'); + console.error('数据库错误:', err); + } + + this.setData({ loading: false }); + }, + + // 测试云存储 - 上传图片 + async onTestStorageUpload() { + this.addLog('开始测试云存储上传...'); + + try { + // 选择图片 + const chooseRes = await wx.chooseMedia({ + count: 1, + mediaType: ['image'], + sourceType: ['album', 'camera'] + }); + + const filePath = chooseRes.tempFiles[0].tempFilePath; + const cloudPath = `test/${Date.now()}-${Math.random().toString(36).substr(2)}.png`; + + this.setData({ loading: true }); + this.addLog('正在上传图片...'); + + const uploadRes = await wx.cloud.uploadFile({ + cloudPath, + filePath + }); + + this.addLog('图片上传成功', 'success'); + this.addLog(`文件ID: ${uploadRes.fileID}`, 'success'); + + // 获取临时链接 + const urlRes = await wx.cloud.getTempFileURL({ + fileList: [uploadRes.fileID] + }); + + if (urlRes.fileList[0].tempFileURL) { + this.addLog(`临时链接: ${urlRes.fileList[0].tempFileURL.substr(0, 50)}...`, 'success'); + } + } catch (err) { + if (err.errMsg?.includes('cancel')) { + this.addLog('用户取消选择', 'info'); + } else { + this.addLog(`上传失败: ${err.message || err.errMsg}`, 'error'); + } + console.error('存储错误:', err); + } + + this.setData({ loading: false }); + }, + + // 返回首页 + onBack() { + wx.switchTab({ + url: '/pages/index/index' + }); + } +}); diff --git a/pages/cloud-test/cloud-test.json b/pages/cloud-test/cloud-test.json new file mode 100644 index 0000000..c0ede0c --- /dev/null +++ b/pages/cloud-test/cloud-test.json @@ -0,0 +1,4 @@ +{ + "navigationBarTitleText": "云开发测试", + "usingComponents": {} +} diff --git a/pages/cloud-test/cloud-test.wxml b/pages/cloud-test/cloud-test.wxml new file mode 100644 index 0000000..19b012d --- /dev/null +++ b/pages/cloud-test/cloud-test.wxml @@ -0,0 +1,118 @@ + + + + + 云开发功能测试 + 测试云函数、云数据库、云存储 + + + + + + + 云函数测试 + + + + 调用云函数 + + + + + + + + + 云数据库测试 + + + + 添加数据 + + + 查询数据 + + + 删除数据 + + + + + + + + + 云存储测试 + + + + 上传图片 + + + + + + + + 执行日志 + + 清空 + + + + + [{{ item.time }}] + {{ item.message }} + + + 暂无日志 + + + + + + + + 返回首页 + + + diff --git a/pages/cloud-test/cloud-test.wxss b/pages/cloud-test/cloud-test.wxss new file mode 100644 index 0000000..bad48a6 --- /dev/null +++ b/pages/cloud-test/cloud-test.wxss @@ -0,0 +1,127 @@ +/* pages/cloud-test/cloud-test.wxss */ + +.container { + min-height: 100vh; + background-color: #f5f5f5; + padding: 30rpx; + box-sizing: border-box; +} + +/* 标题 */ +.header { + text-align: center; + padding: 30rpx 0; + margin-bottom: 20rpx; +} + +.title { + display: block; + font-size: 40rpx; + font-weight: bold; + color: #333; + margin-bottom: 10rpx; +} + +.subtitle { + display: block; + font-size: 26rpx; + color: #999; +} + +/* 功能区块 */ +.section { + background-color: #fff; + border-radius: 16rpx; + padding: 30rpx; + margin-bottom: 20rpx; +} + +.section-title { + display: flex; + align-items: center; + font-size: 30rpx; + font-weight: bold; + color: #333; + margin-bottom: 24rpx; +} + +.section-title text { + margin-left: 12rpx; +} + +.btn-group { + display: flex; + flex-wrap: wrap; + gap: 16rpx; +} + +/* 日志区域 */ +.log-section { + background-color: #fff; + border-radius: 16rpx; + padding: 24rpx; + margin-bottom: 20rpx; +} + +.log-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 16rpx; +} + +.log-title { + font-size: 28rpx; + font-weight: bold; + color: #333; +} + +.log-list { + height: 400rpx; + background-color: #1e1e1e; + border-radius: 12rpx; + padding: 16rpx; +} + +.log-item { + padding: 8rpx 0; + font-size: 22rpx; + font-family: 'Consolas', 'Monaco', monospace; + word-break: break-all; +} + +.log-time { + color: #666; + margin-right: 12rpx; +} + +.log-message { + color: #d4d4d4; +} + +.log-info .log-message { + color: #d4d4d4; +} + +.log-success .log-message { + color: #52c41a; +} + +.log-error .log-message { + color: #ff4d4f; +} + +.log-empty { + display: flex; + justify-content: center; + align-items: center; + height: 100%; + color: #666; + font-size: 24rpx; +} + +/* 底部 */ +.footer { + margin-top: 30rpx; + padding-bottom: env(safe-area-inset-bottom); +} diff --git a/pages/detail/detail.js b/pages/detail/detail.js deleted file mode 100644 index 29857ed..0000000 --- a/pages/detail/detail.js +++ /dev/null @@ -1,92 +0,0 @@ -// 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: ` -

这是信息详情的正文内容。

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

-

更多详细的信息内容会在这里展示，包括图片、文字等富文本内容。

-

用户可以通过滑动查看完整的内容。

- `, - 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(); - } -}); diff --git a/pages/detail/detail.json b/pages/detail/detail.json deleted file mode 100644 index ff4053c..0000000 --- a/pages/detail/detail.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "navigationBarTitleText": "详情", - "usingComponents": {} -} diff --git a/pages/detail/detail.wxml b/pages/detail/detail.wxml deleted file mode 100644 index 7efccc4..0000000 --- a/pages/detail/detail.wxml +++ /dev/null @@ -1,78 +0,0 @@ - - - - - 加载中... - - - - - - - {{ detail.title }} - - {{ detail.author }} - {{ detail.publishTimeText }} - {{ detail.views }}阅读 - - - - - - - - - - - - - - - - {{ detail.category }} - - - - - - - - 相关推荐 - - - {{ item.title }} - {{ item.views }}阅读 - - - - - - - - - - {{ isFavorite ? '已收藏' : '收藏' }} - - - - - - diff --git a/pages/detail/detail.wxss b/pages/detail/detail.wxss deleted file mode 100644 index 1e426de..0000000 --- a/pages/detail/detail.wxss +++ /dev/null @@ -1,150 +0,0 @@ -/* pages/detail/detail.wxss */ - -.container { - min-height: 100vh; - background-color: #fff; - padding-bottom: 120rpx; -} - -/* 加载中 */ -.loading-container { - display: flex; - justify-content: center; - align-items: center; - height: 60vh; -} - -/* 头部 */ -.detail-header { - padding: 30rpx; -} - -.detail-title { - font-size: 40rpx; - font-weight: bold; - color: #333; - line-height: 1.5; - display: block; - margin-bottom: 20rpx; -} - -.detail-meta { - display: flex; - align-items: center; - font-size: 24rpx; - color: #999; -} - -.meta-author { - margin-right: 20rpx; - color: #1890ff; -} - -.meta-time { - margin-right: 20rpx; -} - -/* 封面图 */ -.detail-cover { - padding: 0 30rpx; - margin-bottom: 30rpx; -} - -/* 正文 */ -.detail-content { - padding: 0 30rpx; - font-size: 32rpx; - line-height: 1.8; - color: #333; -} - -.detail-content rich-text { - display: block; -} - -/* 标签 */ -.detail-tags { - padding: 30rpx; -} - -/* 相关推荐 */ -.related-section { - padding: 0 30rpx 30rpx; -} - -.section-title { - font-size: 32rpx; - font-weight: bold; - color: #333; - margin-bottom: 20rpx; -} - -.related-list { - background-color: #f5f5f5; - border-radius: 16rpx; - padding: 20rpx; -} - -.related-item { - display: flex; - justify-content: space-between; - align-items: center; - padding: 20rpx 0; - border-bottom: 1rpx solid #e8e8e8; -} - -.related-item:last-child { - border-bottom: none; -} - -.related-title { - flex: 1; - font-size: 28rpx; - color: #333; - margin-right: 20rpx; -} - -.related-views { - font-size: 24rpx; - color: #999; -} - -/* 底部操作栏 */ -.action-bar { - position: fixed; - bottom: 0; - left: 0; - right: 0; - height: 100rpx; - background-color: #fff; - display: flex; - align-items: center; - justify-content: space-around; - border-top: 1rpx solid #e8e8e8; - box-shadow: 0 -4rpx 12rpx rgba(0, 0, 0, 0.05); -} - -.action-item { - display: flex; - flex-direction: column; - align-items: center; - font-size: 22rpx; - color: #666; -} - -.share-btn { - background: transparent; - border: none; - padding: 0; - margin: 0; - display: flex; - flex-direction: column; - align-items: center; - font-size: 22rpx; - color: #666; - line-height: 1.5; -} - -.share-btn::after { - border: none; -} diff --git a/pages/index/index.js b/pages/index/index.js index 42847c0..de611dd 100644 --- a/pages/index/index.js +++ b/pages/index/index.js @@ -1,22 +1,9 @@ // pages/index/index.js -const { get } = require('../../utils/request'); -const { formatRelativeTime } = require('../../utils/util'); Page({ - data: { - searchValue: '', - bannerList: [], - categoryList: [], - infoList: [], - loading: false, - page: 1, - pageSize: 10, - hasMore: true - }, + data: {}, - onLoad() { - this.initData(); - }, + onLoad() {}, onShow() { // 初始化 TabBar 选中状态 @@ -25,114 +12,10 @@ Page({ } }, - onPullDownRefresh() { - this.initData().then(() => { - wx.stopPullDownRefresh(); - }); - }, - - onReachBottom() { - if (this.data.hasMore && !this.data.loading) { - this.loadMoreInfo(); - } - }, - - // 初始化数据 - async initData() { - this.setData({ page: 1, hasMore: true }); - - // 模拟数据 - 实际项目中替换为API调用 - this.setData({ - bannerList: [ - { id: 1, image: '/assets/images/banner1.png', title: '热门资讯' }, - { id: 2, image: '/assets/images/banner2.png', title: '最新动态' } - ], - categoryList: [ - { id: 1, name: '科技', icon: 'technology' }, - { id: 2, name: '财经', icon: 'finance' }, - { id: 3, name: '教育', icon: 'education' }, - { id: 4, name: '健康', icon: 'health' }, - { id: 5, name: '生活', icon: 'life' }, - { id: 6, name: '娱乐', icon: 'entertainment' }, - { id: 7, name: '体育', icon: 'sports' }, - { id: 8, name: '更多', icon: 'more' } - ], - infoList: [ - { - id: 1, - title: '这是一条测试信息标题，展示信息服务的基本样式', - summary: '这是信息摘要内容，用于展示信息的简要描述...', - image: '/assets/images/info1.png', - category: '科技', - time: new Date().getTime() - 3600000, - views: 1234 - }, - { - id: 2, - title: '第二条信息标题，这里是标题内容展示', - summary: '这是第二条信息的摘要内容...', - image: '/assets/images/info2.png', - category: '财经', - time: new Date().getTime() - 7200000, - views: 856 - } - ] - }); - }, - - // 加载更多信息 - async loadMoreInfo() { - if (this.data.loading) return; - - this.setData({ loading: true }); - - // 模拟加载更多 - setTimeout(() => { - const newPage = this.data.page + 1; - // 模拟无更多数据 - if (newPage > 3) { - this.setData({ hasMore: false, loading: false }); - return; - } - - this.setData({ - page: newPage, - loading: false - }); - }, 1000); - }, - - // 搜索 - onSearch(e) { - const value = e.detail; + // 跳转到云开发测试页 + goCloudTest() { wx.navigateTo({ - url: `/pages/search/search?keyword=${value}` + url: '/pages/cloud-test/cloud-test' }); - }, - - // 搜索值变化 - onSearchChange(e) { - this.setData({ searchValue: e.detail }); - }, - - // 点击分类 - onCategoryTap(e) { - const { id, name } = e.currentTarget.dataset; - wx.navigateTo({ - url: `/pages/category/category?id=${id}&name=${name}` - }); - }, - - // 点击信息 - onInfoTap(e) { - const { id } = e.currentTarget.dataset; - wx.navigateTo({ - url: `/pages/detail/detail?id=${id}` - }); - }, - - // 格式化时间 - formatTime(time) { - return formatRelativeTime(time); } }); diff --git a/pages/index/index.json b/pages/index/index.json index ab02225..df4088a 100644 --- a/pages/index/index.json +++ b/pages/index/index.json @@ -1,5 +1,4 @@ { "navigationBarTitleText": "首页", - "enablePullDownRefresh": true, "usingComponents": {} } diff --git a/pages/index/index.wxml b/pages/index/index.wxml index 812a389..8fd3259 100644 --- a/pages/index/index.wxml +++ b/pages/index/index.wxml @@ -1,98 +1,20 @@ - - - + + 信息服务小程序 + 基于微信云开发 - - - - - - - + + - - - - {{ item.name }} - - - - - - - - 最新资讯 - - - - - - - {{ item.title }} - {{ item.summary }} - - {{ item.category }} - {{ item.timeText }} - {{ item.views }}阅读 - - - - - - - - - - 加载中... - - - - - — 没有更多了 — - - - - + + + diff --git a/pages/index/index.wxss b/pages/index/index.wxss index c759783..d333374 100644 --- a/pages/index/index.wxss +++ b/pages/index/index.wxss @@ -1,145 +1,33 @@ /* pages/index/index.wxss */ .container { - padding-bottom: 120rpx; + min-height: 100vh; + background-color: #f5f5f5; + padding: 30rpx; + box-sizing: border-box; } -/* 搜索栏 */ -.search-bar { - position: sticky; - top: 0; - z-index: 100; - background-color: #fff; +.welcome-section { + text-align: center; + padding: 60rpx 0; } -/* 轮播图 */ -.banner-section { - padding: 20rpx; -} - -.banner-swiper { - height: 300rpx; - border-radius: 16rpx; - overflow: hidden; -} - -.banner-image { - width: 100%; - height: 100%; -} - -/* 分类 */ -.category-section { - margin-top: 0; -} - -.category-grid { - display: flex; - flex-wrap: wrap; -} - -.category-item { - width: 25%; - display: flex; - flex-direction: column; - align-items: center; - padding: 20rpx 0; -} - -.category-icon { - width: 80rpx; - height: 80rpx; - border-radius: 50%; - background-color: #e6f7ff; - display: flex; - align-items: center; - justify-content: center; - margin-bottom: 12rpx; -} - -.category-name { - font-size: 24rpx; - color: #333; -} - -/* 信息列表 */ -.info-section { - margin-top: 20rpx; -} - -.section-header { - padding: 20rpx 30rpx; - display: flex; - justify-content: space-between; - align-items: center; -} - -.section-title { - font-size: 32rpx; +.welcome-title { + display: block; + font-size: 44rpx; font-weight: bold; color: #333; -} - -.info-item { - margin-top: 0; - margin-bottom: 20rpx; -} - -.info-content { - display: flex; - justify-content: space-between; -} - -.info-text { - flex: 1; - margin-right: 20rpx; - display: flex; - flex-direction: column; -} - -.info-title { - font-size: 30rpx; - font-weight: 500; - color: #333; - line-height: 1.5; - margin-bottom: 12rpx; -} - -.info-summary { - font-size: 26rpx; - color: #666; - line-height: 1.5; margin-bottom: 16rpx; } -.info-meta { - display: flex; - align-items: center; - margin-top: auto; -} - -.info-time { - font-size: 22rpx; +.welcome-subtitle { + display: block; + font-size: 28rpx; color: #999; - margin-left: 16rpx; } -.info-views { - font-size: 22rpx; - color: #999; - margin-left: 16rpx; -} - -/* 加载状态 */ -.loading-section { - display: flex; - justify-content: center; - padding: 40rpx; -} - -.no-more { - text-align: center; - padding: 40rpx; - color: #999; - font-size: 24rpx; +.menu-section { + margin-top: 40rpx; + border-radius: 16rpx; + overflow: hidden; } diff --git a/project.config.json b/project.config.json index e22c6ff..6e65357 100644 --- a/project.config.json +++ b/project.config.json @@ -40,6 +40,7 @@ } }, "compileType": "miniprogram", + "cloudfunctionRoot": "cloudfunctions/", "libVersion": "3.12.0", "appid": "wx02a3d808a95a7457", "projectname": "info-service-miniprogram",