|
微信小程序首页界面布局、页面简洁，功能简单
 直接上具体代码： 1、js代码
Page({
/**
* 页面的初始数据
*/
data: {
imgList: ['../../images/demo.jpg', '../../images/demo.jpg', '../../images/demo.jpg'],
navList: [{
'src': '../../images/nav1.png',
'title': '菜单一'
},
{
'src': '../../images/nav2.png',
'title': '菜单二'
},
{
'src': '../../images/nav3.png',
'title': '菜单三'
},
{
'src': '../../images/nav4.png',
'title': '菜单四'
},
],
dataList: [{
'coverUrl': '../../images/demo.jpg',
'label': '推荐',
'title': '纯属示例数据呦~',
'date': '2023年1月23日',
'brand': '点赞',
'price': '2.98'
},
{
'coverUrl': '../../images/demo.jpg',
'label': '经典',
'title': '点赞收藏加关注，下次还能找到呦~',
'date': '2023年1月23日',
'brand': '收藏',
'price': '1.98'
},
{
'coverUrl': '../../images/demo.jpg',
'label': '模板',
'title': '不定期发布各种示例模板，进我主页，查看更多示例内容呦~',
'date': '2023年1月23日',
'brand': '关注',
'price': '0.98'
},
]
},
// 菜单
navClick(e) {
wx.showToast({
title: '您点击了【' + e.currentTarget.dataset.item.title + '】',
})
},
// 详情
detailClick(e) {
wx.showToast({
title: e.currentTarget.dataset.item.title,
})
},
})
2、wxml代码
|