一个简单的微信程序选项卡实例
一个简单的微信程序选项卡实例看看效果
代码uff1a
home.wxml
热
跟随
朋友
热
跟随
朋友
home.wxss
页/家/ home.wxss / * * /
{加标签。
宽度：100%；
底部边框：2rpx固体# eeeeee；
文本对齐：中心；
行高：80rpx；}
。刷卡标签项{字体大小：30rpx；
显示：内联块；
宽度：33.33%；
颜色：# 666666；
}
，{颜色：# f10b2e；
底部边框：5rpx固体# f10b2e；}
。刷卡箱{显示：块；身高：100%；宽度：100%；溢出：隐藏；}
{加框视图。
文本对齐：中心；
}
home.js
/ / / / home.js家页
VaR的应用= GetApp（）
页（{
数据：{
winwidth：0，
WinHeight：0，
制表符开关
currenttab：0，
}，
onLoad：函数（）{
var =；
Wx.getSystemInfo（{
成功：功能（RES）{
that.setdata（{
WinWidth：res.windowwidth，
WinHeight：res.windowheight
}）；
}
}）；
}，
BindChange：功能（e）{
var =；
that.setdata（{ currenttab：e.detail。当前}）；
}，
SwichNav：功能（e）{
var =；
如果（this.data.currenttab = e.target。数据集。电流）{
返回false；
{人}
that.setdata（{
CurrentTab：e.target.dataset.current
}）
}
}
}）
谢谢你的阅读。我希望你能帮助你，谢谢你对这个站的支持。