小程序教程底部导航的相关内容

文章 2024-07-04 来自：开发者社区

【微信小程序-原生开发】实用教程03-自定义底部导航（含自定义tabBar导航高亮需点击两次的解决方案）

开始前，请先完成底部导航的开发，详见【微信小程序-原生开发】实用教程02-添加全局页面配置、页面、底部导航 https://sunshinehu.blog.csdn.net/article/details/128705866 显然，纯文字的底部导航有点low，还是需要有图标的才酷，下面我们一起来实现 ...

文章 2024-07-04 来自：开发者社区

【微信小程序-原生开发】实用教程02-添加全局页面配置、页面、底部导航

开始前，请先完成项目创建，详见【微信小程序-原生开发】实用教程01-注册登录账号，获取 AppID、下载安装开发工具、创建项目、上传体验前期准备因我们的项目是根据模板创建的，需先清理掉无效的页面代码，具体操作方式如下：删除 pages 文件夹下的所有文件用下方代码替换掉 app.json 文件中的内容后保存（此...

共有2条

< 1 >

跳转至： GO

更新时间 2024-07-05 14:31:47

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

小程序教程相关内容

小程序您可能感兴趣

产品推荐

{"optioninfo":{"dynamic":"ture","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"ifIcon":"img","link":"https://img.alicdn.com/tfs/TB1XY8hGYr1gK0jSZFDXXb9yVXa-1740-328.png","icon":"mPaaS 小程序","iconImg":"https://img.alicdn.com/imgextra/i3/O1CN017q2yau29rvXEYalMi_!!6000000008122-0-tps-640-640.jpg","contentLink":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","title":"mPaaS 小程序","des":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","link1":"https://common-buy.aliyun.com/?spm=5176.14673561.J_8751524360.2.56702709CwuYD8&commodityCode=mpaas_beta#/open","btn1":"免费开通","link2":"https://help.aliyun.com/document_detail/67444.html?spm=5176.14673561.J_8751524360.4.56702709CwuYD8","btn2":"查看文档","btn3":"▷ 播放介绍视频","link3":"https://gw.alipayobjects.com/mdn/rms_273872/afts/file/A*7iPZQ6NV3q4AAAAAAAAAAABkARQnAQ","infoGroup":[{"infoName":"优惠活动","infoContent":{"firstContentName":"精选组件低至 4 折","firstContentLink":"https://www.aliyun.com/activity/mpaas/mpaas/pre-order?spm=5176.14673561.J_8751524360.1.567027093N78co","lastContentLink":"https://www.aliyun.com/activity/mpaas/mpaas/pre-order?spm=5176.14673561.J_8751524360.1.567027093N78co","lastContentName":"包年资源包 17.1 元起"}}]}],"card":[],"search":[],"infoCard":[{"bannerUrl":"https://img.alicdn.com/tfs/TB1Xf81a3gP7K4jSZFqXXamhVXa-5169-974.jpg","bannerTitle":"mPaaS 小程序","bannerContent":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。<br>不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","liveButtonName":"查看详情","liveButtonLink":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","contentTitle":"提供即开即用的端上体验","homePageLink":"https://common-buy.aliyun.com/?spm=5176.14673561.J_8751524360.2.56702709BussF3&commodityCode=mpaas_beta#/open","homePageName":"免费试用","linkGroup":[{"linkContent":"发布包大小极致优化，节省流量和存储。"},{"linkContent":"服务迭代不再受发版限制，快速发布，快速迭代。"},{"linkContent":"业务开发效率更加优秀，一次开发，多端运行。"}]}],"title":{"mainTitle":"mPaaS","subtitle":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","linkUrl":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","btnText":"查看详情"},"visual":{"topbg":"https://img.alicdn.com/tfs/TB1bQuBIYH1gK0jSZFwXXc7aXXa-3840-740.gif","icon":"","textColor":"dark"},"dataList":[{"summary":"啦啦啦","author":"wuwu","linksUrl":"#"}],"sceneCard":[],"txt":[]}

{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"optioninfo":{"dynamic":"ture","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"ifIcon":"img","link":"https://img.alicdn.com/tfs/TB1XY8hGYr1gK0jSZFDXXb9yVXa-1740-328.png","icon":"mPaaS 小程序","iconImg":"https://img.alicdn.com/imgextra/i3/O1CN017q2yau29rvXEYalMi_!!6000000008122-0-tps-640-640.jpg","contentLink":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","title":"mPaaS 小程序","des":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","link1":"https://common-buy.aliyun.com/?spm=5176.14673561.J_8751524360.2.56702709CwuYD8&commodityCode=mpaas_beta#/open","btn1":"免费开通","link2":"https://help.aliyun.com/document_detail/67444.html?spm=5176.14673561.J_8751524360.4.56702709CwuYD8","btn2":"查看文档","btn3":"▷ 播放介绍视频","link3":"https://gw.alipayobjects.com/mdn/rms_273872/afts/file/A*7iPZQ6NV3q4AAAAAAAAAAABkARQnAQ","infoGroup":[{"infoName":"优惠活动","infoContent":{"firstContentName":"精选组件低至 4 折","firstContentLink":"https://www.aliyun.com/activity/mpaas/mpaas/pre-order?spm=5176.14673561.J_8751524360.1.567027093N78co","lastContentLink":"https://www.aliyun.com/activity/mpaas/mpaas/pre-order?spm=5176.14673561.J_8751524360.1.567027093N78co","lastContentName":"包年资源包 17.1 元起"}}]}],"card":[],"search":[],"infoCard":[{"bannerUrl":"https://img.alicdn.com/tfs/TB1Xf81a3gP7K4jSZFqXXamhVXa-5169-974.jpg","bannerTitle":"mPaaS 小程序","bannerContent":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。<br>不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","liveButtonName":"查看详情","liveButtonLink":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","contentTitle":"提供即开即用的端上体验","homePageLink":"https://common-buy.aliyun.com/?spm=5176.14673561.J_8751524360.2.56702709BussF3&commodityCode=mpaas_beta#/open","homePageName":"免费试用","linkGroup":[{"linkContent":"发布包大小极致优化，节省流量和存储。"},{"linkContent":"服务迭代不再受发版限制，快速发布，快速迭代。"},{"linkContent":"业务开发效率更加优秀，一次开发，多端运行。"}]}],"title":{"mainTitle":"mPaaS","subtitle":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","linkUrl":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","btnText":"查看详情"},"visual":{"topbg":"https://img.alicdn.com/tfs/TB1bQuBIYH1gK0jSZFwXXc7aXXa-3840-740.gif","icon":"","textColor":"dark"},"dataList":[{"summary":"啦啦啦","author":"wuwu","linksUrl":"#"}],"sceneCard":[],"txt":[]}}

mPaaS 小程序

源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。

免费开通

查看文档

▷ 播放介绍视频

优惠活动

精选组件低至 4 折

包年资源包 17.1 元起