-
- 596596 2020-02-09
小程序开发首页开发1Tabbar配置
- 1赞 · 1采集
-
- 邻里农园鲜果 2019-07-05
- 课程
-
截图0赞 · 1采集
-
- 只有遇到才知道 2019-05-31
tabbar配置,即设置页面跳转按钮和设置页面相应图标
pagepath 路由路径
text 页面提示
iconpath 图标路径
selectediconpath 选中图标路径
在list外 可以加个选中文字的颜色 selectedcolor ：颜色
-
截图0赞 · 5采集
-
- 晓理0574 2019-05-18
- 请问不同页面传值成功后，如何在detail 页面显示值？
-
截图0赞 · 0采集
-
- 执念messi 2019-05-07
```
{
"pages": [
"pages/index/index",
"pages/logs/logs",
"pages/join/join"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
},
"sitemapLocation": "sitemap.json",
"tabBar": {
"selectedColor": "#000",
"list": [{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "images/bar.png",
"selectedIconPath": "images/bar_s.png"
},
{
"pagePath": "pages/join/join",
"text": "加入",
"iconPath": "images/joinin.png",
"selectedIconPath": "images/joinin_s.png"
}]
}
}
```
-
截图0赞 · 0采集
-
- 执念messi 2019-05-07
```
{
"pages": [
"pages/index/index",
"pages/logs/logs",
"pages/join/join"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
},
"sitemapLocation": "sitemap.json",
"tabBar": {
"selectedColor": "#000",
"list": [{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "images/bar.png",
"selectedIconPath": "images/bar_s.png"
},
{
"pagePath": "pages/join/join",
"text": "加入",
"iconPath": "images/joinin.png",
"selectedIconPath": "images/joinin_s.png"
}]
}
}
```
- 0赞 · 0采集
-
- 执念messi 2019-05-07
{
"pages": [
"pages/index/index",
"pages/logs/logs",
"pages/join/join"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
},
"sitemapLocation": "sitemap.json",
"tabBar": {
"selectedColor": "#000",
"list": [{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "images/bar.png",
"selectedIconPath": "images/bar_s.png"
},
{
"pagePath": "pages/join/join",
"text": "加入",
"iconPath": "images/joinin.png",
"selectedIconPath": "images/joinin_s.png"
}]
}
}
- 0赞 · 0采集
-
- 把酒定乾坤 2019-05-04
tarbar的配置使用
-
截图0赞 · 0采集
-
- BigCatDid 2019-04-12
app.json中配置底部tarbar
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "第一个小程序",
"navigationBarTextStyle":"black"
},
"tabBar": {
"list": [{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "images/index_tarbar1.png",
"selectedIconPath": "images/index_tarbar1_selected.png"
},{
"pagePath": "pages/index/index",
"text": "购物车",
"iconPath": "images/index_tarbar2.png",
"selectedIconPath": "images/index_tarbar2_selected.png"
}]
}
}
-
截图0赞 · 0采集
-
- amtz_2000 2019-03-31
- 这里要看
-
截图0赞 · 0采集
-
- qq_九刺_03441152 2018-11-20
素材和源码地址，请查看github地址：https://github.com/lshxiao/myfirst
- 1赞 · 0采集
-
- 言和1230 2018-11-15
- 素材和源码地址，请查看github地址：https://github.com/lshxiao/myfirst
-
截图1赞 · 1采集
-
- 慕丝3118060 2018-11-01
- 需要实际操作
-
截图0赞 · 0采集
-
- 慕先生4507985 2018-09-11
tabbar配置在app.json,输入回车自动带入进本设置项：
pagepath:页面路由；text:指图标之外的文字；
iconpath:指图标文件的地址；
selectediconpath:图标选中状态的地址；可以从目录硬盘打开那里去复制选中状态的图表名称；
配置好第一个tab以后复制一份，修改里面的配置内容；
设置选中状态的颜色：selectedcolor:"red"
- 1赞 · 0采集
-
- 李爱菊 2018-08-10
素材和源码地址，请查看github地址：https://github.com/lshxiao/myfirst
- 6赞 · 7采集
-
- 李爱菊 2018-08-10
按照视频写好tabbar后，没有出现图标。
查了半天，发现是模拟器页面太长，需要滚动鼠标到下方，才能看到tabbar的图标。
不过，因为查这个问题，有网友反映：
要加入到tabbar中的链接，必须包括pages：{
}的第一项。
即这里写的程序
"tabBar": {
"selectedColor": "#0f0",
"list": [{
"pagePath": "pages/index/index",
就包含了pages中的第一项：
{
"pages":[
"pages/index/index",
"pages/join/join",
"pages/logs/logs"
],
"pages/index/index",就是第一项，被包含在tabbar中。
- 2赞 · 0采集
-
- zjst556 2018-08-09
tabbar 主菜单选项 ，
- 0赞 · 0采集
-
- qq_Rainy小迪_0 2018-07-19
素材和源码地址，请查看github地址：https://github.com/lshxiao/myfirst
- 1赞 · 5采集
-
- zqk875630 2018-06-18
- bh rb sq pd
-
截图0赞 · 0采集
-
- zqk875630 2018-06-18
- bh rb sq pd
-
截图0赞 · 0采集
-
- 慕粉2229589413 2018-05-25
tabBar设置底部的导航栏
- 0赞 · 0采集
