免费试用

跨平台小程序在线开发工具,用做网页的技术做小程序,兼容微信、支付宝、抖音、快手、百度等主流小程序平台!

【新手必看】设置小程序底部导航,设置小程序顶部导航

网页打包小程序,支持快速设置底部或顶部导航



1.登录一门开发者后台,找到【我的小程序

【新手必看】设置小程序底部导航,设置小程序顶部导航



2.找到需要配置的小程序,点击【配置】进入管理后台,之后点击导航【底部/顶部导航】

【新手必看】设置小程序底部导航,设置小程序顶部导航

根据页面提示,新建导航即可
根据自己需求,设置项目:
上边框的颜色
背景色
文字色
选中时文字色
位置

【新手必看】设置小程序底部导航,设置小程序顶部导航

之后下方设置导航名字和选择对应的页面
如果还没有页面,需要到【页面管理】里面新建页面

设置第一个导航

【新手必看】设置小程序底部导航,设置小程序顶部导航

上传导航选中图标,颜色和默认图标区分,图标大小为81*81像素,建议PNG透明背景

设置第二个导航

【新手必看】设置小程序底部导航,设置小程序顶部导航

设置第三个导航

【新手必看】设置小程序底部导航,设置小程序顶部导航

设置第四个导航按钮

【新手必看】设置小程序底部导航,设置小程序顶部导航

以此类推,可以点击切换导航至第五个空白按钮,设置第五个导航;
如果只需要4个导航,最后一个留空即可!

底部导航演示:

【新手必看】设置小程序底部导航,设置小程序顶部导航




相关知识:
百度小程序开发服务热线
百度小程序开发服务热线是百度推出的一项技术支持服务,旨在帮助开发者更轻松地开发和维护自己的小程序。本文将详细介绍百度小程序开发服务热线的原理和功能。一、原理百度小程序开发服务热线基于百度自有的技术平台,为开发者提供全面的技术支持和解决方案。其原理主要包括以
2023-08-23
安卓滴滴小程序怎么开发的呀
滴滴小程序是一种轻量级的应用程序,它可以在微信、支付宝、抖音等小程序平台上运行,滴滴小程序具有使用方便、资源占用少、快速响应的特点,受到了广大用户和开发者的喜爱。下面我们来简单了解一下安卓滴滴小程序的开发方法。首先,我们需要了解滴滴小程序的架构和开发过程。
2023-08-09
安卓小程序开发费用
安卓小程序是一种轻量化的应用程序,旨在提供类似于原生应用程序的功能和用户体验,同时也不需要用户下载和安装。相对于传统的应用程序开发,安卓小程序开发具有更低的成本和更短的开发周期,特别适用于小型企业和个人开发者的需求。本文将为读者介绍安卓小程序开发的费用、原
2023-08-09
qq小程序开发者工具
QQ小程序是腾讯公司在2018年开放的一项新的服务,可以让开发者快速的创建出轻便小巧的程序,而无需为了一个小的软件去投入大量人力物力和时间。其中,QQ小程序开发者工具起到了非常重要的作用,它可以为开发者提供便捷的开发环境。那么,下面就来详细介绍一下QQ小程
2023-08-09
mac小程序开发
Mac小程序开发(也称为Mac应用程序开发)是一种基于OS X系统的软件开发。Mac应用程序可以是基于单机、局域网或互联网的应用程序,涵盖了从个人办公软件到产品设计软件主要从事环境、架构、框架的搭建和功能实现。一、开发环境准备开发Mac应用程序需要一些基础
2023-08-09
electron 前端小程序开发
Electron是一个开源的跨平台框架,可以使用HTML,CSS和JavaScript等前端技术开发桌面应用程序,它为开发者提供了一种以Web技术为基础的本地应用程序开发方式。在Electron框架中,前端开发者可以使用Node.js来操纵本地文件系统和操
2023-08-09
app开发小程序开发软件公司
随着移动互联网的快速发展,APP和小程序已经成为人们生活不可或缺的组成部分。而APP和小程序的开发和出现,也带动了软件公司的兴起。软件公司是以计算机软件的开发、申请、生产和销售为主要业务的企业。而APP和小程序的开发,是软件公司的一项重要业务之一。APP(
2023-08-09
小程序注册及开发工具下载
随着移动互联网的快速发展,小程序越来越受到人们的关注和喜爱,成为移动互联网领域的一个热门话题。小程序是一种新型的应用形态,具有开发成本低、易于推广、快速响应等优势,使得很多企业和开发者开始尝试开发小程序来提升自己的品牌和业务。本文将介绍小程序注册的流程和小
2023-05-26
小程序开发工具内网怎么用不了
小程序是一种轻量级的应用程序,可以在微信等社交平台上使用,具有简单易用、操作方便等特点。小程序的开发需要用到小程序开发工具,但是有时候会出现工具无法使用内网的情况,造成开发困难。下面将介绍内网无法使用小程序开发工具的原理和解决方法。一、内网无法使用小程序开
2023-05-26
小程序开发工具一直闪屏
小程序开发工具闪屏问题是很多开发者都遇到过的,这个问题会让你启动小程序开发工具时出现多次闪烁,以至于无法正常使用该工具。本文将介绍小程序开发工具闪屏的原因,以及如何解决这个问题。一、原因1.1.硬件性能小程序开发工具是一个相对比较大的软件,而且在使用的时候
2023-05-26
天津点餐小程序开发工具
天津点餐小程序是一款基于微信小程序开发的,专门为天津本地餐饮行业提供服务的点餐软件。本文将会从开发工具原理的角度,为大家详细介绍该小程序的开发工具。首先,天津点餐小程序开发的基础是微信小程序,微信小程序是一种全新的应用形态,它不需要下载安装即可使用,优秀的
2023-05-26
uniapp微信小程序开发工具
Uniapp是一款基于Vue.js框架的跨平台开发工具,它支持一键式将代码转化为各种前端框架(例如微信小程序、H5网页、Android、iOS等)所需要的代码。在本文中,我将重点介绍Uniapp在微信小程序开发中的原理和详细介绍。### Uniapp的原理
2023-05-22