- 使用navigator组件
- 配置 TabBar
- 事件处理函数
- 微信小程序 page里的js格式
- 小程序 v-if和hidden的区别用法
- 小程序 v-for的编写(不想写了 大概和vue的用法一致)
- 哇swiper真是无所不在
- 页面的生命周期函数
- 组件的自定义数据属性
- 发起请求API
- 解决 403 小程序无法获取的问题
- 动态设置导航栏 loading 状态和标题
- 页面事件处理函数 及页面转发
使用navigator组件
<navigator url="/page/weekly/weekly" open-type="navigate" hover-class='nav-hover' class='nav-default'> 每日推荐 </navigator>
//可以跳转的组件链接
//open-type="switchTab" 底部切换
// open-type="navigate" 点击之后小程序界面没有返回按扭
// hover-class='nav-hover' class='nav-default' 点击之前和点击之后
配置 TabBar
1、配置tabBar 对若干一级页面的入口链接
2、全局配置 app.json
3、新问题引入:原来about页的<navigator>元素点无效
"tabBar":{
"selectedColor": "#ED6D00", //选中的字体
"list":[
{
"text":"商城",
"pagePath":"pages/logs/logs",
"iconPath":"imgs/icon/sc1.png",
"selectedIconPath":"imgs/icon/sc2.png"
},
{
"text": "我的",
"pagePath": "pages/third/third",
"iconPath": "imgs/icon/user1.png",
"selectedIconPath": "imgs/icon/user2.png"
},
{
"text": "商城",
"pagePath": "pages/index/index",
"iconPath": "imgs/icon/sc1.png",
"selectedIconPath": "imgs/icon/sc2.png"
}
]
},