如何解决微信小程序导航只有图标问题
编辑:小飞燕 发布时间:2021-04-04 14:51:10
有了微信导航条,找到对应的小程序功能页面就方便多了。有时候微信小程序的导航只有图标。这是怎么回事?可能不是你自己设置的。我们再来看看设置过程。
我们先来看一个效果图
这里我们加了三个导航小程序图标,因为我们有三个页面,比较多可以加五个微信小程序。
它们是如何出现的,它们是如何着色的?两步搞定!
1.图标准备
我们进入网站,将鼠标滑过喜爱的图标,然后下面的按钮
在弹出的框中,我选择了两个不同颜色的图标来选择64px的大小。我选择了png并它来添加一个别名
将上面命名的图标保存到applet项目目录中新创建的images文件夹中,准备工作就完成了
2.更改配置文件
我们在项目的根目录下找到了配置文件app.json,并添加了以下配置信息
[html]查看普通副本打印?
tabbar': {
颜色' : '#a9b7b7 ',选择颜色' : '#11cd6e ',borderstyle': '白色',list': [{
选择edicinpath ' : ' images/111 . png ',iconpath': 'images/11.png ',页面路径' : '页面/索引/索引',文本' : '主页'
}, {
选择edicinpath ' : ' images/221 . png ',iconpath': 'images/22.png ',页面路径' : '页面/日志/日志',文本' : '日志'
}, {
选择edicinpath ' : ' images/331 . png ',iconpath': 'images/33.png ',页面路径' : '页面/测试/测试',文字' : '快乐测试'
}]
},
tabbar': {
颜色' : '#a9b7b7 ',选择颜色' : '#11cd6e ',borderstyle': '白色',list': [{
选择edicinpath ' : ' images/111 . png ',iconpath': 'images/11.png ',页面路径' : '页面/索引/索引',文本' : '主页'
}, {
选择edicinpath ' : ' images/221 . png ',iconpath': 'images/22.png ',页面路径' : '页面/日志/日志',文本' : '日志'
}, {
选择edicinpath ' : ' images/331 . png ',iconpath': 'images/33.png ',页面路径' : '页面/测试/测试',文字' : '快乐测试'
}]
},
解释相应的属性信息
tabbar是指底部的导航配置属性
底部导航文本未被选中时的颜色
选中时底部导航栏中文本的选定颜色
边框样式底部的导航边框的示例颜色(请注意,如果没有在此处编写样式,默认的浅灰色线条将出现在导航框架的顶部边框上)
列出导航配置数组
选择选择路径时的路径图标
未选择图标路径时的图标路径
页面路径页面访问地址
导航图标下方的文本文本
下面是题目的开头。如何申请微信小程序扫码的支付功能?标题到此结束
如何申请微信小程序扫码支付功能?微信小程序目前支持微信扫码支付,但微信小程序扫码支付功能需要微信小程序运营商申请激活。如何申请激活微信小程序扫码支付功能?
首先登录微信小程序管理平台,然后在左侧列表中选择【微信支付】,【打开】进行申请
提交微信支付商户信息审核。
1.填写微信小程序的业务信息
【联系方式】主要是姓名、手机号码、常用邮箱。可以是申请小程序的邮箱地址,以后可以在后台修改联系方式。
[商业信息]
微信小程序商家简称:这个名字会在支付完成页面显示给消费者,比如滴滴打车。
业务类别:选择前请【如何选择正确的类别】详细阅读。如果申请的企业与“不支持访问的业务类别”相关,申请将被拒绝,后台还会详细列出不支持的业务类别。
销售商品简述:请简要填写实际销售的商品或服务,不要列出。营业执照上不列经营范围。销售商品必须在营业执照允许的范围内。
客服审核人会回电客服电话确认。如果无法连接,数据将被拒绝。请填写有效手机号或座机,座机要填写区号。如果有分机,也请填写。
公司网站:非互联网公司不需要填写。如果备案主题与申请小程序主题不一致,请网站授*书,加盖公章后,上传到本页底部的补充材料。
填写微信小程序商户信息
包括基本信息、营业执照、组织机构代码信息和企业法人信息;这部分信息会自动读取applet应用时提供的证书信息,并仔细检查。
填写微信小程序结算账户
账户类型:申请小程序时保留公司账户;
开户名称:申请小程序时使用的名称;
开户银行:如果微信支付商户申请填写结算账户时找不到银行,请选择“其他银行”,手工填写分行全称,例如招商银行深圳南山支行。
开户支行:支行名称必须包括以下信息:银行、农村信用合作社、支行、分支机构、办事处、营业部、信用社。
确认提交微信小程序扫码支付申请。
数据填写完毕后,相关审核员会将填写的座机号码或手机号码与经理联系,确认相关信息和从公众账户收到的验证款项。
上一篇:微信小程序开发联盟总结经验
下一篇:微信小程序发布小游戏
猜你喜欢
-
2个微信小程序导航栏返回技巧855人喜欢
微信小程序开发后的导航栏自带一个返回按钮,这个返回按钮是可以进行设置的,主要是设置它的样式。那么微信小程序导航栏返回样式怎么设置呢?一起来看看吧!我们需要定制它的样式,这可以有许多办法。比如 hack 导航栏的视图层次。如果你不想 hack导航栏,那么你可以…
更新时间:2020-12-25 11:29:37
-
8个小程序导航栏技巧796人喜欢
自从微信开发小程序以来,已经有越来越多的微信小程序了,但是关于微信小程序的导航栏颜色可能有些人还不太懂得怎么设置,今天小编就告诉大家微信小程序导航栏背景颜色怎么设置?微信小程序导航栏背景颜色设置方法如下:1、微信小程序导航栏背景颜色效果展示:2、操作…
更新时间:2019-11-24 19:55:21
-
5个微信小程序导航栏技巧724人喜欢
自从微信开发小程序以来,已经有越来越多的微信小程序了,但是关于微信小程序的导航栏颜色可能有些人还不太懂得怎么设置,今天小编就告诉大家微信小程序导航栏背景颜色怎么设置?微信小程序导航栏背景颜色设置方法如下:1、微信小程序导航栏背景颜色效果展示:2、操作…
更新时间:2019-11-02 20:49:26
-
15个微信小程序导航技巧696人喜欢
自从微信开发小程序以来,已经有越来越多的微信小程序了,但是关于微信小程序的导航栏颜色可能有些人还不太懂得怎么设置,今天小编就告诉大家微信小程序导航栏背景颜色怎么设置?微信小程序导航栏背景颜色设置方法如下:1、微信小程序导航栏背景颜色效果展示:2、操作…
更新时间:2020-08-21 23:49:34
-
微信小程序导航源码详细说明96人喜欢
对于微信小程序的开发,导航设置是必不可少的。当然,小编已经在微信小程序商店介绍了很多相关信息。今天我来介绍一下如何开发小程序导航。以下是微信小程序导航源代码:导航仪导航页面链接。属…
更新时间:2021-04-18 09:56:13
-
微信小程序导航布局技巧有哪些89人喜欢
微信小程序不需要下载安装,只要微信用户扫描或者搜索,就可以打开应用,所以越来越被大家认可和青睐,但是还是有很多开发者不了解微信小程序的导航布局。接下来我给大家讲一些排版技巧。摘要基…
更新时间:2021-04-12 09:46:52
-
微信小程序导航配置怎么弄86人喜欢
前面的文章介绍了小程序的导航源码,但是还是有很多小程序开发者对微信小程序的导航配置不太了解。所以想为大家补充一下相关内容,希望对大家有所帮助。wx.navigateto(对象)保留当前页面,跳转到…
更新时间:2021-04-18 10:02:33
-
微信小程序导航的icon是什么68人喜欢
很多人不知道微信小程序导航的图标是什么,其实是小程序导航的一种样式。以下小系列为大家介绍微信小程序导航的图标。希望大家能了解一下。图标图标。属性名称类型默认值的描述类型字符串图标,…
更新时间:2021-04-12 09:49:10
-
微信小程序导航栏66人喜欢
微信小程序导航栏,怎么获取?现在微信官方账号开发的微信小程序越来越多,很多公司企业也想开发自己的微信小程序。那么如何开发微信小程序的导航栏,如何获取微信小程序的导航栏呢?要求:微信…
更新时间:2021-04-04 14:44:16
-
微信小程序导航接口开发及使用方法63人喜欢
微信小程序框架为开发者提供了一系列组件和api接口,其中相应的功能可以通过导航界面快速找到。微信小程序导航界面怎么用?我们来看看。组件主要完成小程序的视图部分,如文本和图片显示。api主…
更新时间:2021-04-12 09:48:01
-
微信小程序导航颜色怎么设置55人喜欢
设置好导航小程序后,要研究开发导航栏的样式,包括设置微信小程序的导航颜色和背景。具体方法是什么?微信小程序商店为您提供以下信息。让我们看看!1.颜色:设置对象的文本颜色。可以用颜色名…
更新时间:2021-04-18 10:06:00
-
微信小程序导航栏背景颜色怎么设置26人喜欢
自从微信开发小程序以来,微信小程序越来越多,但有些人可能不知道如何设置微信小程序的导航栏颜色。今天,小编将告诉你如何设置微信小程序导航栏的背景色。微信小程序导航栏背景色设置方法如下…
更新时间:2021-03-25 06:46:32