海淘电商小程序开发工具

海淘电商小程序是近年来兴起的一种新型电商模式。一方面,海淘电商小程序可以利用微信等社交媒体平台的流量,降低用户获客成本,同时也能够以无需安装的方式提供海淘购物服务,简化用户购物流程。因此,开发一款海淘电商小程序成为了一项热门的技术工作。

一款海淘电商小程序的开发,需要综合运用多项技术。其开发的核心在于小程序开发工具。小程序开发工具是一款由微信官方提供的集成开发环境,能够有效地简化小程序开发的流程,开发者可以使用它来实现小程序的开发、调试和发布等操作。下面,我们将详细介绍海淘电商小程序开发工具的原理及其使用方法。

一、小程序的原理及优势

小程序与传统的APP相比,其最大的优势在于不需要用户下载安装就能够使用。它能够在微信等社交媒体平台的生态系统中实现整合,实现多种功能。另外,小程序还借助了微信提供的强大的用户定位、社交传播等服务,能够帮助企业与用户建立更为精准的连接,提高客户转化率。同时,小程序产品开发的成本也较低,是众多企业进行数字化转型的重要手段。

在小程序的实现中,在微信公众号管理后台配置相关参数后,颁发小程序的唯一标识,类似于APP上的包名或应用标识符。用户只需要基于微信平台直接打开该唯一标识即可使用小程序。

二、小程序开发工具的使用

小程序开发工具提供了一整套开发工具和调试工具,助力开发者微信小程序打包快速地从概念到上线,同时也提供了丰富的模板和组件库支持。下面,我们将一步一步地介绍小程序开发工具的使用方法:

1.安装小程序开发工具:首先,我们需要下载并安装小程序开发工具。官方免费提供,可以从https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html上免费下载。

2.新建小程序:安装完成后,我们需要在小程序开发工具中打开新建小程序选项卡,并填写相关信息(如小程序名称、唯一标识等),然后点击确定按钮。如果是第一次使用该开发工具,则需要先登录微信开发者账号。

3.编辑页面:我们可以在小程序工具的编辑界面中设计和编写小程序的首页及各个页面。工具提供了多种编辑方式,包括WYSIWYG、HTML编辑器、CSS和JavaScript等小程序网页rul

4.调试界面:我们可以在小程序的开发界面中

,实时地预览小程序的效果。在调试过程中,开发工具会自动刷新网页,并在开发者工具中生成相应的线上调试环境。

5.添加组件:小程序开发工具还支持插件目录和组件库的实时追加。我们只需要在开发者工具中,选择对应的组件库,然后选择需要添加的组件,便可直接在小程序页面中应用该组件。

6.发布小程序:完成开发和调试后,我们可以在开发工具中选择保持并生成代码,在编译过程中生成小程序的对应代码,并将代码上传到微信小程序平台进行审核和发布。

以上就是小程序开发工具的使用。总体而言,微信小程序开发工具非常友好,简单易用,即使是初学者也能轻松上手。

总结:

随着电商行业的快速发展和用户对智能手机使用的逐渐普及,海淘电商小程序已经成为一个越来越受欢迎的购物方式,而小程序开发工具则是开发这类应用的不可缺少的工具之一。了解小程序开发工具的原理和使用方法,有助于开发者更好地掌握小程序开发技术,更加高效地实现企业数字化转型。

一门小程序开发工具(https://sapp.yimenapp.com/)是一款云端化跨平台开发工具,可以一键在线将网站打包成小程序,支持微信小程序、支付宝小程序、抖音小程序、快手小程序、百度小程序等国内主流小程序平台。一门提供100+小程序原生接口自助调用,开发者只需要使用开发网站的能力即可在线快速制作小程序。

【原生页面】自建小程序原生页面,增加体验,提升过审几率

由于部分小程序平台不支持纯H5的打包,在提交审核的时候会被拒绝

这样的平台比如抖音小程序

为此我们需要自建原生小程序页面,以满足部分平台的特殊需求

1.登录一门开发者中心,进入小程序列表,点击需要配置的应用

如图,在小程序管理列表里面找到需要配置的小程序

2.点击【页面】进入小程序配置界面

如图所示,点击底部的【新建页面】

选择自定义代码,之后点击确认

3.在页面编辑器里面写入HTML代码即可

如图所示,新建自定义代码页面之后,可以管理自定义页面的代码
包括:
   template模板
   script脚本
   style样式
   页面配置
四个选项,在模板里面输入html代码;脚本里面写入JS;样式里面写入CSS即可

当然如果您没有技术,我们可以提供代写服务,收费标准为2500一个页面;

4.写入代码之后,在配置里面指定自定义页面为小程序首页

点击左侧导航小程序名字
如图所示,点击下拉入口

选择自定义代码的页面,之后点击保存

5.重新生成新版小程序,发布新版到对应的审核平台

提交原生首页的小程序到审核平台审核,做了原生页面的小程序审核都不会被纯网页打包理由拒绝;
您至少需要做一个原生页面以应对小程序审核平台要求!

百度小程序创建教程之完善基本信息

百度小程序创建教程之完善基本信息

完善基本信息

主体认证审核通过后,您可先操作 “创建智能小程序”。

填写智能小程序名称、上传头像、简介、标签并选择服务范围。

小程序名称请参考 平台运营规范

若填写的智能小程序名称涉及品牌或名称侵权需提交相关资料进行审核。

如果选择为特殊行业,还需根据界面提示提交相应资质,审核预计需要 2 个工作日完成,在此期间不会影响您进行小程序开发。

百度小程序体验智能小程序

体验智能小程序

体验一个小程序

用户可以在各类宿主环境中访问到丰富的智能小程序的服务,例如百度 App 中的搜索、Feed 、个人中心等场景,同时可以扫描下图二维码即可体验优质智能小程序示例。

体验小程序能力

下载百度 App 最新版本,扫描下图二维码即可体验智能小程序提供的组件、API 、Smart UI、组合能力示例等功能。

安装 3.26.0 及以后版本的工具,点击此处调起工具欢迎页,选择官方示例的模板查看源码。

百度小程序智能小程序简介

智能小程序简介

智能小程序,是百度提供的一种技术解决方案。开发者基于此开发出来的服务,在各类宿主环境(手机 App、车载系统、IOT 设备等)中,可做到用户无感知安装,即点即用。

原理概览

智能小程序在开发模式上基于 Web 前端开发的技能和生态,在运行时则采用了类客户端的方案,旨在使用体验上超越传统的 Web 前端技术,在开发效率上超过传统的客户端技术。也因此具有 Web 或客户端背景的开发者,可以通过官方文档和开发者社区快速学习和开发。
小程序使用了双线程模型,包括逻辑层和渲染层。逻辑层作为一个单独的线程执行 js 代码,控制小程序数据的生成和处理;渲染层使用了 WebView 线程,处理页面的渲染和用户的事件交互行为。

技术特点

总的来说,智能小程序具有 4 个技术特点:开发成本低体验流畅技术专业未来可持续

开发成本低

智能小程序从 5 个层面降低开发者学习开发成本:

1、技术可迁移

一般的,移动开发有 3 种典型形态:

  • 基于纯 H5 开发的 WebApp
  • 基于 Android/iOS 等开发的客户端 App
  • 结合 H5 和客户端能力的 Hybrid App

智能小程序是更接近客户端的开发模式,需要发包、有版本的概念。因此同一时刻不同用户可能会使用到不同小程序版本,开发者需对每个版本间是共存、覆盖关系有一定理解。

2、能力完备

智能小程序为开发者提供了丰富的 API 、组件、框架能力,这些常用基础能力能让开发者快速组合出较完整应用。能力分类图如下:

3、学习地图

本教程为开发者设计了完整的技能学习地图,能由浅入深的掌握完整的小程序开发技能,学习完的开发者能达到熟练掌握智能小程序开发的水平。

4、技术周边服务丰富

智能小程序官方为开发者提供了详尽的开发全流程技术服务:

  • 文档中心提供了教程、功能的详细使用手册、复杂功能原理和最佳实践、功能相关常见疑问。如果对于文档有疑问也可以给文档提改进建议。
  • 开发者社区可以供开发者发帖提问、交流开发经验。官方技术支持同学会在社区对帖子跟进答疑,并有【issue 板块】查找 bug 和需求进展信息。
  • 开发者工具链提供了开发、调试、定制 CI 流程等一些列功能。
  • 性能分析工具可以自动化辅助分析小程序性能优化点。
  • 【开发者平台 – 运维中心】可以上报日志并辅助开发者定位线上异常。

5、多种开发选择

考虑到开发者实际业务场景的多样性,智能小程序除了提供基础的开发能力,还有多种便捷的应用层框架和工具(部分自研、部分生态共建)可以帮助开发者提升不同场景下的研发效率:

体验流畅

基于智能小程序架构原理,开发者可很容易开发出体验接近于 Native App 的应用。
官网文档教程的 性能优化部分,为开发者介绍了性能优化的原理和最佳实践。开发者实践后,将能提升小程序的质量和用户体验,到达率和业务转化也会随之改善。

技术专业

百度具有丰富的开发者生态建设经验,智能小程序秉承着开放的技术态度,拥抱更多平台加入开源体系。
智能小程序同时也在联合各大小程序服务商制定技术标准,并积极推进该规范成为 W3C 的技术规范。
目前小程序已逐渐成为各行业重要的业务形态,市场对于擅长小程序开发的技术岗位诉求高涨,选择智能小程序作为技术敲门砖,可以乘上技术快速发展的快车。

未来可持续

目前智能小程序可以在百度 App 、OPPO 浏览器、vivo 浏览器、小米浏览器、华为浏览器、爱奇艺、小红书、百度贴吧、好看视频、百度地图、百度网盘等多款主流 App 中访问。基于其开源开放的架构,智能小程序可以快速移植到多种设备、平台上。
可以预见,不论是移动互联网的多宿主、多场景环境,还是 IOT 、车载环境,智能小程序都可以很好的适配和运行。

【百度小程序】获取百度小程序上传代码密钥 登录密钥获取教程

百度小程序可以在线提交代码,但是提交代码的时候需要输入登录密钥

那么怎么获取百度小程序的登录密钥呢?

1.登录百度小程序开发平台,下载百度小程序工具
https://smartprogram.baidu.com/docs/develop/devtools/history/
点击打开之后,在页面下载工具

如图,点击下载工具,windows就下载win版本,苹果电脑就下载macos版本
下载之后安装到电脑

2.在本地电脑打开百度小程序开发工具
使用百度APP进行扫码登录

如图,使用百度APP进行扫码登录
需要您使用百度小程序开发者的账号登录百度APP之后进行扫码识别登录

3.登录百度小程序开发工具之后,点击小程序,点击添加按钮

切换到左侧导航【小程序】
点击页面中的添加按钮,添加后可自行编辑代码

这里我们直接点击顶部导航第一个栏目

如图,点击【百度开发者工具】-之后在下拉窗口里面选择【关于】
在弹出的关于界面,即可获取登录密钥


如图,我们直接点击复制登录密钥
这样我们就获取到百度小程序的代码上传密钥了

4.回到一门APP开发者平台,在接口配置里面输入即可

这样我们就完成了百度小程序的密钥设置
这样就可以直接在一门开发者中心上传百度小程序到百度审核了

worker是什么?

worker是什么?

worker 是小程序运行架构的一部分。小程序运行架构分为 webview 和 worker 两个部分,worker 则负责存储数据和执行业务逻辑。

开发APP从一门开始www.yimenapp.com
APP打包:https://www.yimenapp.com/more.html
EXE打包:https://www.yimenapp.com/exe.html
商城APP:https://www.yimenapp.com/shop.html
IOS免签打包:https://www.yimenapp.com/iosmianqian.html
APP上架:https://www.yimenapp.com/iosup.html
APP软著申请:https://www.yimenapp.com/softpage.html
SSL申请:https://www.yimenapp.com/ssl.html
Discuz APP:https://www.yimenapp.com/discuz.html
教程汇总:https://www.yimenapp.com/jiaocheng.html

热启动是什么?

热启动是什么?

热启动 是指用户打开已经关闭但仍处于后台运行的小程序。在这种情况下,小程序并不会被销毁后重启,而仅是从后台切换到前台,此时,onShow 函数会触发,onLaunch 回调函数不会被触发。

开发APP从一门开始www.yimenapp.com
APP打包:https://www.yimenapp.com/more.html
EXE打包:https://www.yimenapp.com/exe.html
商城APP:https://www.yimenapp.com/shop.html
IOS免签打包:https://www.yimenapp.com/iosmianqian.html
APP上架:https://www.yimenapp.com/iosup.html
APP软著申请:https://www.yimenapp.com/softpage.html
SSL申请:https://www.yimenapp.com/ssl.html
Discuz APP:https://www.yimenapp.com/discuz.html
教程汇总:https://www.yimenapp.com/jiaocheng.html

什么是IoT 小程序 API?

IoT 小程序 API

IoT 小程序 API 是指 IoT 小程序特有的 API,IoT 小程序的 API 是以 my.ix 开头,对于支付宝小程序或其它端的应用不适用。
详情可查看 IoT 小程序 API。

开发APP从一门开始www.yimenapp.com
APP打包:https://www.yimenapp.com/more.html
EXE打包:https://www.yimenapp.com/exe.html
商城APP:https://www.yimenapp.com/shop.html
IOS免签打包:https://www.yimenapp.com/iosmianqian.html
APP上架:https://www.yimenapp.com/iosup.html
APP软著申请:https://www.yimenapp.com/softpage.html
SSL申请:https://www.yimenapp.com/ssl.html
Discuz APP:https://www.yimenapp.com/discuz.html
教程汇总:https://www.yimenapp.com/jiaocheng.html

什么是IoT 小程序?

什么是IoT 小程序?

IoT 小程序 是支付宝实现 IoT 设备二次开发的一种方法。类似支付宝小程序,IoT 小程序开放了一系列的 API 和 组件,并且 IoT 小程序与支付宝小程序共享一个容器和一套消息,共享大部分组件。开发者可以快速开发一个 IoT 小程序,定制 IoT 设备功能,满足各行业个性化的需求。
IoT 系列设备的详细介绍请参考 IoT 官网。
IoT 小程序分为 IoT 单屏小程序和 IoT 双屏小程序,分别对应只有一个显示屏幕和具有前后两个屏幕的 IoT 设备。
目前支持 IoT 小程序开发的有蜻蜓系列设备、支付宝合作桌面收银设备和支付宝合作大屏自助设备。详细开发可查看 IoT 小程序接入概述。

开发APP从一门开始www.yimenapp.com
APP打包:https://www.yimenapp.com/more.html
EXE打包:https://www.yimenapp.com/exe.html
商城APP:https://www.yimenapp.com/shop.html
IOS免签打包:https://www.yimenapp.com/iosmianqian.html
APP上架:https://www.yimenapp.com/iosup.html
APP软著申请:https://www.yimenapp.com/softpage.html
SSL申请:https://www.yimenapp.com/ssl.html
Discuz APP:https://www.yimenapp.com/discuz.html
教程汇总:https://www.yimenapp.com/jiaocheng.html

什么是分包加载?

什么是分包加载?

分包加载 是一种处理小程序代码包过大的优化方案。支付宝限制了代码包不能超过 2MB,限制大小是出于对小程序启动速度的考虑,希望用户在使用任何一款小程序时,都能够更加顺畅。
如果代码体积过大,则需要做分包加载处理。
详情请可查看 分包加载。

开发APP从一门开始www.yimenapp.com
APP打包:https://www.yimenapp.com/more.html
EXE打包:https://www.yimenapp.com/exe.html
商城APP:https://www.yimenapp.com/shop.html
IOS免签打包:https://www.yimenapp.com/iosmianqian.html
APP上架:https://www.yimenapp.com/iosup.html
APP软著申请:https://www.yimenapp.com/softpage.html
SSL申请:https://www.yimenapp.com/ssl.html
Discuz APP:https://www.yimenapp.com/discuz.html
教程汇总:https://www.yimenapp.com/jiaocheng.html

什么是多端开发?

什么是多端开发?

多端开发 是指使用支付宝小程序提供的各种接口可以开发其它端的小程序并发布到各个端使用。也就是说可以让开发者开发一次支付宝小程序,同一套代码不做任何改动就可以通过发布到各个端,同时触达更多的用户群体,节约了开发成本。
详情可查看 多端开发概述。

什么是app_auth_token?

什么是app_auth_token?

app_auth_token 是系统服务商的第三方应用代商家的应用或小程序模板调用支付宝 OpenAPI 时所传入的授权凭证。
商家的应用成功授权给第三方应用后生成 app_auth_token。在没有重新授权的场景中,app_auth_token 的有效期是永久,重新授权后,以前的 app_auth_token 会失效。在调用接口时,传入 app_auth_token 即代表是第三方代调用接口场景;不传 app_auth_token 即代表是应用自调用接口场景。
详情可查看 ISV 发起授权邀请。
有关 app_auth_token 的获取可查看 第三方应用授权-使用 app_auth_code 换取 app_auth_token。
若遗忘 app_auth_token, 系统服务商(ISV)可在 开放平台控制台 > 第三方应用详情页 > 商家授权应用 页面快速查看已授权给当前第三方应用的应用的 app_auth_token。

开发APP从一门开始www.yimenapp.com
APP打包:https://www.yimenapp.com/more.html
EXE打包:https://www.yimenapp.com/exe.html
商城APP:https://www.yimenapp.com/shop.html
IOS免签打包:https://www.yimenapp.com/iosmianqian.html
APP上架:https://www.yimenapp.com/iosup.html
APP软著申请:https://www.yimenapp.com/softpage.html
SSL申请:https://www.yimenapp.com/ssl.html
Discuz APP:https://www.yimenapp.com/discuz.html
教程汇总:https://www.yimenapp.com/jiaocheng.html

微信开放平台APP拉起小程序功能 /Android开发示例

微信开放平台APP拉起小程序功能 /Android开发示例

开发前需下载 Android 开发工具包(SDK),可前往下载

调用接口:WXLaunchMiniProgram 移动应用跳转到小程序示例:

String appId = "wxd930ea5d5a258f4f"; // 填移动应用(App)的 AppId,非小程序的 AppID
IWXAPI api = WXAPIFactory.createWXAPI(context, appId);

WXLaunchMiniProgram.Req req = new WXLaunchMiniProgram.Req();
req.userName = "gh_d43f693ca31f"; // 填小程序原始id
req.path = path;                  ////拉起小程序页面的可带参路径,不填默认拉起小程序首页,对于小游戏,可以只传入 query 部分,来实现传参效果,如:传入 "?foo=bar"。
req.miniprogramType = WXLaunchMiniProgram.Req.MINIPTOGRAM_TYPE_RELEASE;// 可选打开 开发版,体验版和正式版
api.sendReq(req);

回调说明

WXEntryActivity中

public void onResp(BaseResp resp) {
    if (resp.getType() == ConstantsAPI.COMMAND_LAUNCH_WX_MINIPROGRAM) {
        WXLaunchMiniProgram.Resp launchMiniProResp = (WXLaunchMiniProgram.Resp) resp;
        String extraData =launchMiniProResp.extMsg; //对应小程序组件 <button open-type="launchApp"> 中的 app-parameter 属性
    }
}

小程序跳转回移动应用请参考《小程序开发文档》

微信开放平台APP拉起小程序功能 /功能介绍

微信开放平台APP拉起小程序功能 /功能介绍

功能介绍

考虑到部分场景下 APP 需要通过小程序来承载服务,为此 OpenSDK 提供了移动应用(APP)拉起小程序功能。移动应用(APP)接入此功能后,用户可以在 APP 中跳转至微信某一小程序的指定页面,完成服务后再跳回至原 APP 。
移动应用拉起小程序功能已向全体开发者开放,开发者在微信开放平台帐号下申请移动应用并通过审核后,即可获得移动应用拉起小程序功能权限。

跳转规则

  1. 对于已通过认证的开放平台账号,其移动应用可以跳转至任何合法的小程序,且不限制跳转的小程序数量。
  2. 对于未通过认证的开放平台账号,其移动应用仅可以跳转至同一开放平台账号下小程序。

注意:若移动应用未上架,则最多只能跳转小程序100次/天,用于满足调试需求。

接入流程

详见《 Android 开发示例》《 iOS 开发示例》

为什么要提交《安全评估报告》以及哪些应用需要提交?

为什么要提交《安全评估报告》以及哪些应用需要提交?

依照《具有舆论属性或社会动员能力的互联网信息服务安全评估规定》(以下简称“规定”),具有舆论属性或社会动员能力的互联网信息服务提供者,应当针对信息服务和新技术新应用的合法性、落实安全措施和防控安全风险的有效性等情况,自行或委托第三方开展安全评估。经过安全评估,符合法律、行政法规、部门规章和标准的,应当形成《安全评估报告》,并通过全国互联网安全管理服务平台提交至网信部门和公安机关。

根据规定,应用含有论坛、博客、微博客、聊天室、通讯群组、公众账号、短视频、网络直播、信息分享、小程序等内容,提供公众舆论表达渠道或者具有发动社会公众从事特定活动能力的其他互联网信息服务需要提供《安全评估报告》。

典型场景举例:

如何确定Key应该绑定哪种服务? APP开发接入高德导航

如何确定Key应该绑定哪种服务? APP开发接入高德导航

根据业务需求选择Key的服务平台(包括:Android、iOS、Web端、Web服务、智能硬件、微信小程序等),可点击相应平台可使用服务查看详情介绍。

其中Web服务指调用Web服务API接口使用的Key,Web端指PC或者H5网页调用使用的key

注意:Key的服务平台选择之后无法修改,如需要使用其他服务,可以再添加其他服务平台的Key。如下图所示:

小程序上线主营类目功能 2022 年 6 月 8 日后,未设置主营类目的帐号将无法提交代码审核。

转载至:https://developers.weixin.qq.com … 3b892620e4910f56001

各位小程序开发者:
为进一步规范小程序内服务类型,也为帮助用户理解小程序主要提供的服务内容。小程序平台在 2022 年 6 月 1 日上线主营类目功能。主营类目为小程序内实际运营的主要服务类型。2022 年 6 月 8 日后,未设置主营类目的帐号将无法提交代码审核。
一、设置指引1、登录小程序管理后台,通过【设置】-【基本设置】-【基本信息】-【服务类目详情】-【设置主营类目】操作主营类目设置。

2、可选主营类目基于已通过的服务类目生成,开发者需结合小程序主要运营服务内容,正确选择主营类目。

补充:小程序已通过的服务类目中,有 2 个或以上的服务类目隶属同一个一级类目,在主营类目待选项会出现综合类类目(综合类主营仅供主要提供综合服务的小程序选择)。

注意:

1、主营类目有且只有一个,选择即生效,不可删除;

2、主营类目每年有 5 次修改机会,修改即生效,请谨慎修改;

3、完成主营类目设置后才可提交代码审核;

4、主营类目选择错误可能影响代码审核结果,请正确选择。

二、其他相关问题Q1、如何正确选择主营类目?

小程序主要提供服务对应类目为主营类目,例如下方小程序的主要服务为线上销售园艺(如:果树园艺、蔬菜园艺和观赏园艺等)、花艺、鲜花等产品在线销售及配送相关服务,需设置主营类目为【商家自营-园艺/鲜花】。类目适用范围参考:小程序开放的服务类目

Q2、主营类目选错会产生什么影响?主营类目选错可能会影响代码审核结果,具体以代码审核结果为准。

【付费发布】【开通正式版】【永久有效】怎么付费开通正式版小程序

由于打包小程序打包需要消耗服务器性能,所以发布服务是收费的;

收费标准:小程序  发布服务  128元/年
                ——在服务期内,可以随意发布小程序,服务期到期之后,小程序将不能提供继续发布上传审核能力;
                ——但是不影响已经上传发布成功的版本,即如果您的小程序之前已经发布审核成功,那么这里到期并不会影响您线上版本,您的线上版本永久可以使用,除非小程序平台需要您强制更新新版,否则您可以无需更新!

1.那么怎么付费开通发布正式版的上传服务呢?
登录一门小程序管理后台,在【我的小程序】

找到需要配置小程序

2.点击【配置】进入小程序管理后台

点击左侧导航【发布上传到】里面选择
需要发布上传的小程序生态平台

点击之后会进入到付费页面

3.付费开通之后,在页面查看上传发布时间

服务期内可以无限次发布小程序,过期后不能继续发布上传新版;
已发布上传的小程序可永久使用,与发布服务期无关;

——这样我们就可以发布正式版提交各大生态小程序平台审核了!

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

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

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

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

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

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

设置第一个导航

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

设置第二个导航

设置第三个导航

设置第四个导航按钮

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

底部导航演示: