app.json中配置了tabBar,但是首页不想显示,首页跳转时使用 wx.redirectTo和wx.navigateTo无法完成跳转 这时用到了 wx.switchTab 可以实现我们的需求,首页不显示tabBar,并可以进行跳转 文档:https://developers.weixin.qq.com/miniprogram/dev/api/wx.switchTab.html

1.微信客户端在打开小程序之前,会把整个小程序的代码包下载到本地. 2.紧接着通过 app.json 的 pages 字段就可以知道你当前小程序的所有页面路径: { "pages":[ "pages/index/index", "pages/logs/logs" ] } 这个配置说明在项目定义了两个页面,分别位于 pages/index/index 和 pages/logs/logs 目录. 而写在 pages 字段的第一个页面就是这个小程序的首

微信小程序页面调用自定义组件内的事件 page page.json { "usingComponents": { "my-component": "../components/component/component", } } page.wxml <my-component id="myComponent"></my-component> page.js Page({ //... onLoad: fun

小程序底部导航 1.app.json页面配置: { "pages": [ "pages/movie/movie", "pages/cinema/cinema", "pages/find/find", "pages/me/me" ], "window": { "backgroundTextStyle": "light", "navigati

重新启动微信小程序编辑器的时候遇到了这样的一个问题: tabBar.list[3].selectedIconPath 大小超过 40kb 微信小程序开发的过程之中总会出现这样或者那样的错误,需要我们耐心的去寻找,仔细查看和百度查询之后,发现了原因:其中有一张图片,替换的时候没有注意图片大小,导致项目无法预览. 参考了一下微信小程序的官方API,查看tabBar list定义说明:也就是说选中时的图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,而我新加入的头像尺寸过大.

自定义 tabBar 基础库 2.5.0 开始支持,低版本需做兼容处理. 自定义 tabBar 可以让开发者更加灵活地设置 tabBar 样式,以满足更多个性化的场景. 在自定义 tabBar 模式下 为了保证低版本兼容以及区分哪些页面是 tab 页,tabBar 的相关配置项需完整声明,但这些字段不会作用于自定义 tabBar 的渲染. 此时需要开发者提供一个自定义组件来渲染 tabBar,所有 tabBar 的样式都由该自定义组件渲染.推荐用 fixed 在底部的 cover-view + 

最近忙于开发视频直播的项目,小程序学习也放置了两三个星期了,web开发者工具更新到新版,发现上个版本做的demo不显示了

今天另起一篇,贴出完整的代码,大概思路是左侧大分类列表,点击后联动右侧二级分类,及下面文章列表,点击二级分类也联动下面文章列表. 代码如下: <view class="page"> <view class="flex-row"> <!--左侧栏--> <view class="nav_left" > <block wx:for="{{leftList}}" wx:key=&

项目目录: 模拟数据: utils / data.js function getSData() { var data = [ { "name": "热销榜", "type": -1, "foods": [ { "name": "皮蛋瘦肉粥", "price": 10, "oldPrice": "", "descript

在app.json中配置 { "pages": [ "pages/index/index", "pages/staging/staging", "pages/shopcar/shopcar", "pages/find/find", "pages/my/my" ], "window": { "backgroundTextStyle": "l

微信 bindcontroltap 绑定 没生效 多次查看官方文档,代码没有问题, 解决: windows下  显示设置中 缩放必须是100%,

再方法内添加一行代码,把this对象赋值给给一个变量供success()方法内调用 核心代码: var v = this.txt; 完整示例 abc:function(e){//该函数用于和后台交互 // var v = e var v = this.txt; var self=this; //关键代码,这要操作程序无法运行 wx.request({ url: 'https://www.kjch.xyz/jous/hello.do', //仅为示例,并非真实的接口地址 data: { name:

本系列为简单入门系列,以一定概括性思路来叙述内容,具体可以查看官网 大部分的电商应用都是底部或顶部多 tab 的模式. 下面我们从配置角度来分析一下: 第一个:position 配置如下: 默认是 bottom,也可以设置 top 来改变 tabBar 的位置 第二个:list 配置如下: 必须的参数: text 文字,如果是 position 为 bottom,会出现在 icon 的下面 pagePath 跳转的路径 可选参数:如果 position 设置了 top,就不会显示 iconPat

var str = 'abcadeacf'; var str1 = str.replace('a', 'o'); alert(str1);    // 打印结果: obcadeacf   var str2 = str.replace(/a/g, 'o'); alert(str2);    //打印结果: obcodeocf,

如下图,点击右侧的按钮清除input的内容,当获取焦点时点击按钮是会穿透的清除不了input,使用cover-image和cover-view页面不起作用 解决办法:input在左侧,按钮在右侧使他们分开,或侧给input添加padding-right

这个方法跟网页上的一样,直接通过截取url中传过来的参数来取值 <web-view src="https://www.baidu.com/test.html?url=http://www.hao123.com/&class=100&tackId=110&id=1311"></web-view>   在内嵌的页面中写以下代码,截取url取值 function getParamer(paramer){ var url=window.locat

启动页在APP中是个很常见的需求,为什么对于小程序来说也非常重要呢?首先我描述一下我在开发过程中遇到的一些问题以及解决的步骤,到最后为什么要加启动页,看完你就明白了. 小程序的首页需要展示用户关注的小区信息,意味着一打开小程序我就得先执行登录的逻辑,只有登录了之后才能获取用户关注的小区信息. 在小程序启动的时候自动登录,目前没获取用户信息,所以不需要用户授权,这个逻辑放在根目录下的app.js的onLaunch方法中.只要启动小程序就会执行onLaunch方法. 做完之后发现了一个很严重的问题,

步骤一:小程序 生命周期 //app.js App({ onLaunch: function () { //当小程序初始化完成时,会触发onLaunch(全局只触发一次) }, onShow: function () { //当小程序启动,或从后台进入前台显示,会触发onShow }, onHide: function () { //当小程序从前台进入后台,会触发onHide }, onError: function (msg) { //当小程序发生脚本错误,或者api调用失败时,会触发onEr

初学小程序,碰到列表与详情页跳转遇到的问题,记录一下. 一.问题 1个列表页: 1个详情页: 列表页代码: onLoad:异步查询数据并setData 详情页代码: 保存成功后,调用navigateBack 问题来了,从详情页跳转回列表页后,页面不刷新,还是修改前的列表. 二.解决过程 1.将详情页保存成功后的代码改为navigateTo列表页 可以刷新了,但是又有新问题,来回在列表.详情页之间切换几次后就点不动了. 原因:wx.navigateTo只能跳转5层,跳转5次后就不能跳了 2.详情页

一.简介 微信小程序页面主要分为tabbar页面和应用内页面,这两种页面的跳转方式不同 二.tabBar页面跳转 tabBar 是底部导航栏页面,如下图 在app.json中的配置如下: 跳转方式如下: 也可以用 navigator 跳转,需要设置 open-type="switchTab" 三.应用内页面跳转 注意:只能跳转不带TabBar的页面 应用内页面跳转有两种方式 (1).用wx.navigateTo({})方式跳转 (2).navigator 跳转