From b9c62d3afd1fc09a3d89fd9e70d98785eb466632 Mon Sep 17 00:00:00 2001 From: lld <15027638633@163.com> Date: Fri, 27 Mar 2026 18:00:28 +0800 Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E4=B8=AD=E5=BF=83ui=E6=8F=90?= =?UTF-8?q?=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/news/subpages/videoCenter/index.vue | 42 +++++++++++++++++------ 1 file changed, 32 insertions(+), 10 deletions(-) diff --git a/pages/news/subpages/videoCenter/index.vue b/pages/news/subpages/videoCenter/index.vue index 38b9a28..850dbdc 100644 --- a/pages/news/subpages/videoCenter/index.vue +++ b/pages/news/subpages/videoCenter/index.vue @@ -75,15 +75,7 @@ import {parseTime} from "@/utils/agri"; export default { data() { return { - dateList: [ - { week: '五', day: '20', active: false }, - { week: '六', day: '21', active: false }, - { week: '日', day: '22', active: false }, - { week: '一', day: '23', active: false }, - { week: '二', day: '24', active: false }, - { week: '三', day: '25', active: false }, - { week: '四', day: '今', active: true } - ], + dateList: this.getDateList(), activeCategory: 'person', categoryList: [ { type: 'person', name: '人', imgUrl: "https://picsum.photos/id/1015/400/200" }, @@ -127,17 +119,47 @@ export default { parseTime, handleDateClick(item) { this.dateList = this.dateList.map(d => ({ ...d, active: d === item })) + uni.showToast({ title: `切换到${item.day} ${item.week}` }) + // todo 切换日期后,更新视频列表 + // this.videoList = this.getDateList1(); }, handleCategoryClick(type) { if (type === 'filter') { this.handleFilterClick(); return; } + // todo 切换分类后,更新视频列表 this.activeCategory = type; uni.showToast({ title: `切换到${type === 'person' ? '人' : type === 'car' ? '车' : '动物'}分类` }) }, handleFilterClick() { + // todo 打开筛选面板 uni.showToast({ title: '打开筛选面板' }) + }, + getDateList() { + const weekMap = ['日', '一', '二', '三', '四', '五', '六']; + const today = new Date(); + const list = []; + for (let i = 6; i >= 0; i--) { + const date = new Date(today); + date.setDate(today.getDate() - i); + + list.push({ + week: weekMap[date.getDay()], + day: i === 0 ? '今' : date.getDate() + '', + active: i === 0 + }); + } + return list; + }, + + getDateList1() { + const w = ['日', '一', '二', '三', '四', '五', '六']; + const t = new Date(); + return Array.from({length:7}, (_,i)=>{ + const d = new Date(t); d.setDate(t.getDate()-6+i); + return { week:w[d.getDay()], day:i===6?'今':d.getDate()+'', active:i===6 } + }) } } } @@ -205,7 +227,7 @@ export default { .category-item { display: flex; align-items: center; - padding: 8rpx 16rpx; + padding: 8rpx 20rpx; border: 1rpx solid #e0e0e0; border-radius: 20rpx; margin-left: 15rpx;