Page({ data: { // 轮播图图片列表 imageList: [ 'https://cdn-we-retail.ym.tencent.com/tsr/home/v2/banner1.png', 'https://cdn-we-retail.ym.tencent.com/tsr/home/v2/banner2.png', 'https://cdn-we-retail.ym.tencent.com/tsr/home/v2/banner3.png', 'https://cdn-we-retail.ym.tencent.com/tsr/home/v2/banner4.png', 'https://cdn-we-retail.ym.tencent.com/tsr/home/v2/banner5.png', 'https://cdn-we-retail.ym.tencent.com/tsr/home/v2/banner6.png', // 更多图片路径... ], // 商品分类 categories: ['全部', '教材','课程资源包'], // 当前选中的分类索引 currentCategoryIndex: 0, // 商品列表 productList: [ { image: 'https://cdn-we-retail.ym.tencent.com/tsr/home/v2/banner1.png', name: '商品名称1', price: 99.99, category: '教材' }, { image: 'https://cdn-we-retail.ym.tencent.com/tsr/home/v2/banner2.png', name: '商品名称2', price: 199.99, category: '教材' }, { image: 'https://cdn-we-retail.ym.tencent.com/tsr/home/v2/banner3.png', name: '商品名称3', price: 199.99, category: '课程资源包' }, { image: 'https://cdn-we-retail.ym.tencent.com/tsr/home/v2/banner4.png', name: '商品名称4', price: 199.99, category: '课程资源包' }, { image: 'https://cdn-we-retail.ym.tencent.com/tsr/home/v2/banner5.png', name: '商品名称5', price: 199.99, category: '课程资源包' }, // 更多商品数据... ], // 过滤后的商品列表 filteredProductList: [] }, onPullDownRefresh: function() { // 执行下拉刷新操作,如重新加载数据 // 模拟数据加载 wx.showNavigationBarLoading(); // 在标题栏中显示加载 // 假设这里进行了数据刷新 setTimeout(() => { // 数据刷新完毕,停止加载 wx.hideNavigationBarLoading(); wx.stopPullDownRefresh(); // 停止下拉动作 }, 1500); }, onLoad: function(options) { // 页面加载时执行的初始化操作 this.filterProductsByCategory(this.data.currentCategoryIndex); }, // 切换分类 switchCategory: function(e) { const index = e.currentTarget.dataset.index; this.setData({ currentCategoryIndex: index }); this.filterProductsByCategory(index); }, // 根据分类过滤商品列表 filterProductsByCategory: function(categoryIndex) { let filteredList = []; if (categoryIndex === 0) { // 全部分类 filteredList = this.data.productList; } else { const selectedCategory = this.data.categories[categoryIndex]; filteredList = this.data.productList.filter(item => item.category === selectedCategory); } this.setData({ filteredProductList: filteredList }); }, // 其他页面事件处理函数... to_car() { wx.navigateTo({ url: '/pages/shop/buycar/buycar', }) }, to_goods() { wx.navigateTo({ url: '/pages/shop/goods/goods', }) } });