微信小程序配置二

tabBar

客户端窗口底部的tab页面切换,只能配置最好两个、最多5个tab

属性说明:

大专栏  微信小程序配置二>

属性 类型 必填 默认值 描述
color HexColor tab上的文字默认颜色
selectedColor HexColor tab上的文字选中时的颜色
backgroundColor HexColor tab的背景颜色
boderStyle String black tab上边框的颜色,仅支持black/white
list Array tab的列表,详见list属性说明,最少2个、最多5个tab

list接受一个数组,数组中的每个项都是一个对象,属性值如下

属性 类型 必填 说明
pagePath String 页面路径,必须在pages中先定义
text String tab上按钮文字
iconPath String 图片路径,icon大小限制为40kb
selectedIconPath String 选中时的图片路径,icon大小限制为40kb

原文地址:https://www.cnblogs.com/lijianming180/p/12227245.html

时间: 2024-10-09 07:20:08

微信小程序配置二的相关文章

微信小程序配置_小程序页面配置

微信小程序配置_小程序页面配置 我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. 以下是一个包含了所有配置选项的简单配置app.json : { "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "navigationBarTitleText": &q

解决微信小程序配置https不成功问题

拿到一个微信小程序的项目,需要配置https安全链接(为什么必须使用https不再赘述),预想这个已经很成熟的流程,应该不会有太大问题,结果还真是出乎意料,竟然掉进一个大坑,折腾好久. 申请证书配置的详细流程不再写了,大概就是去腾讯云或者阿里云申请一个ssl证书,按照自己的网站架构下载相应的证书,导入到自己的服务器,导入方法下载时有详细教程. 这里需要注意几点: 1. htpps默认使用443端口,请确认443未被占用 2.在防火墙中添加新的入站规则,允许443端口被访问.(我用的阿里云服务器E

微信小程序(二)框架

配置 配置app.json例子: { "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "navigationBarTitleText": "Demo" }, "tabBar": { "list": [{ "pagePath": "pag

.NET开发微信小程序-生成二维码

1.生成小程序二维码功能 直接请求相应的链接.传递相应的参数 以生成商铺的付款码为例: var shopsId = e.ShopsId //付款码的参数 var codeModel = new function () { } codeModel.path = "pages/PageWxPay/PageWxPay?shopsId=" + shopsId codeModel.width = 430 codeModel.auto_color = false codeModel.line_co

微信小程序(二)框架的基本组成

安装好 微信web开发者工具后. 让我们来了解一下工具的框架,上图: 工具总共分为三个部分,左上角红框框: 模拟器:模拟手机小程序界面,模拟器左上角可以选择手机型号,右上角红框处,千万别选成Office 否者会影响后边的运行. 编译器:上图 然后挨着讲解 pages:根目录页 在这里创建页面. 例如 index文件夹,index文件里又可以创建四个文件 后缀分别是.js .json .wxml .wxss 一般页面 只有三个页面 也就是 没有json .js逻辑页面.针对页面数据做出相应的处理

微信小程序获取二维码并把logo替换为自己的头像

$avatarUrl = 'http://cms-bucket.nosdn.127.net/2018/05/28/a1a44ffdc2d24f928c1860d4fbf54703.jpeg?imageView&thumbnail=550x0'; $logo = yuanImg($avatarUrl); $QR = createQrCode("pages/me/index", "id=1"); $sharePic = qrcodeWithLogo($QR, $

微信小程序获取二维码(直接上代码)https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=ACCESS_TOKEN

应为是直接返回二进制数据所有与其他接口些许差别,希望能帮助现在的你! 谢谢!!!    /** * 37.微信二维码生成 */ public String getWeiXinCourseMap() { String courseId = StringUtils.defaultString(getPara("courseId")); String codeUrl = ""; String path = "你的二维码指向路径(可以拼接参数)"; tr

微信小程序开发(二)-----项目的创建

项目创建的步骤:(以mac版为例) 1.在"应用程序"中,双击"微信web开发者工具.app", 如图: 2. 选择类型 3.点击"+" 4.点击无AppID 注:因为没有开发资格所以要选择无AppID 5.填写项目名称和项目目录 注意两点: 1.项目文件夹不能用中文; 2.新建项目文件夹要建一个空的文件夹. 6.新建之后的文件目录结构 app.js------应用程序逻辑 app.json------应用程序配置 app.wxss------应

微信小程序:配置 pages window tabBar debug

app.json { "pages": [ "pages/page02/page02", "pages/index/index" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#000000", "navigationBarT