关于微信小程序导航栏的设置: 整体顶部导航栏设置 在全局文件app.json中： <!-- 需要置入windows，在其中修改navigationBar的属性 --> "window": { "navigationBarBackgroundColor": "#FF5777", "navigationBarTextStyle": "white", "navigationBarTitleText": "熊窝", "backgroundColor": "#ff5777", "enablePullDownRefresh": true, "backgroundTextStyle": "dark" }在页面的page.json中： <!-- 直接可以用 "navigationBarTitleT...
在app.json中配置全局下拉刷新： "window": {"enablePullDownRefresh": false }在页面json文件中配置： "enablePullDownRefresh": true下拉刷新使用在页面中的 onPullDownRefresh 方法中（没有可自己添加）,用户下拉后触发该方法。 触发后不能自动回弹，需要调用结束下拉方法： onPullDownRefresh:function(){wx.stopPullDownRefresh(); }注：我是在全局中关闭了下拉刷新，然后哪个页面中用了再开启。 用户下拉后没有显示三个点，可...
官方文档： https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7 https://developers.weixin.qq.com/miniprogram/dev/api/open-api/payment/wx.requestPayment.html 假设订单发送给后台后，这里就是支付接口返回的数据 {"return_code": "SUCCESS","return_msg": "OK","appid": "wxd678efh567hg6787","mch_id": "12345678","nonceStr": "5K8264ILTKCH16CQ2502SI8ZNMTM67VS","paySign": "22D9B4E54AB1950F51E0...
前言 刚入门微信小程序的时候，一切都基于微信web开发者工具，没有使用其他框架，也没有工程化的概念。当时做的项目都比较简单，单单用微信web开发者工具倒也得心应手。学了些东西后，就按捺不住地想跳出原生工具的条条框框，把近些日子学的东西都拿出来熬一熬。 已有的一个小程序项目使用了github上一个使用webpack、babel、sass开发的小程序脚手架（wxapp-boilerplate）,我需要在不变动原有项目代码的基础上，使用gulp来重构项目...
额 。思路 多年回头，但愿还明白自己写什么... 步骤一：.判断toke 验证是否登录。 toke存在跳转指定页面（首页）end。 toke不存在跳转步骤二 步骤二：.是否授权获取用户信息。 用户授权就开始登录 end。 用户没有开启授权，引导授权在登录。end。 细节：
更新机制 稍后说 更新小程序代码： 根据微信提供的api，可以检测是否小程序有新版本 代码如下 let updateManager = wx.getUpdateManager();updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 console.log("是否有新版本："+res.hasUpdate); if(res.hasUpdate){//如果有新版本 // 小程序有新版本，会主动触发下载操作（无需开发者触发） updateManager.onUpdateReady(f...
let命令基本用法ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 {let a = 10;var b = 1; } a // ReferenceError: a is not defined. b // 1上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明的变量返回了正确的值。这表明，let声明的变量只在它所在的代码块有效。 for循环的计数器，就很合适使用le...
第一章 “我要点爆”微信小程序云开发之项目建立与我的页面功能实现 开发环境搭建使用自己的AppID新建小程序项目，后端服务选择小程序云开发，点击新建，完成项目新建。 新建成功后跳转到开发者工具界面新建后，微信端为我们提供了一个参考的模板程序，这里我们自己来创建各个所需的文件与代码，所以删除所有不需要的文件，删除cloudfunctions、miniprogram/images、miniprogram/pages文件下所有文件，同时也删除style文件和删除ap...
2017年，至少有7亿资金押注在小程序领域。在四月的互联网大会上有人曾预言：2018年，将会有上百亿的资本进入小程序。作为社会经济发展的风向标具有很强的指示性，上百亿的资本涌入，意味着小程序和微信生态的巨大潜力。而随着大量资金的涌入，小程序创业也将高速发展，在未来迎来更多爆发机会。随之而来的又是新一轮的互联网商机，互联网的另外两大巨头百度和阿里巴巴也都相继推出了自己的小程序，可见小程序的火爆程度。那为什么想...
效果图:页面有点丑，作为初次学习，页面可以要求不那么美观，先学会再说。毕竟后面可以优化的很漂亮。代码实例如下:<view class="section btn-area"><view class="section__title">欢迎{{userName}}来到ACS管理系统</view><view><text>\n</text></view><view class="flex-wrp" style="flex-direction:row;"><view class="flex-item bc_green"><navigator url="/pages/type/type" hover-class="navigator-hover">支出类型</navigato...
//事件处理函数onl oad: function (options) {const res = wx.getSystemInfoSync()var statusbarH = res.statusBarHeightthis.setData({statusbar :statusbarH, // 状态栏高度jiaonangheight: wx.getMenuButtonBoundingClientRect().height // 胶囊高度})console.log(wx.getMenuButtonBoundingClientRect(), 胶囊属性);}, 需要在data中定义statusbar和jiaonangheight
第1章 什么是微信小程序？ 介绍小程序的特点与适用场景、对开发者的影响以及课程特色！七月老师小程序进阶课《纯正商业应用——微信小程序实战》与《微信小程序商城构建全栈应用》已上线，全面进阶小程序！ 1-1 序：十几个小时的课程就这节最重要 1-2 开篇及课程特色介绍 1-3 直观感受一下微信小程序 1-4 小程序适合做什么样的应用 1-5 对开发者的影响 1-6 学习基础 1-7 小作业 第2章 小程序环境搭建与开发工具介绍 小程序开发工具...
小程序开发涉及用户登录流程，但是，微信的登录这一套登录体系是真有点搞不懂，下面是官方的流程图我这边的的需求是，用户首次打开小程序，获取用户在小程序的唯一标识：不存在：则在个人中心点击头像，获取手机号和用户基本信息，信息传到后台，完成注册及登录， 已存在：则读取用户基础信息展示 之前的做法是在页面显示时（onShow），调用wx.login()，把code存下来，用户点击头像，获取用户基本信息和code一起传到后台.// 监听页...
本文档是基于本人第一次接触小程序的全过程学习步骤 步骤1： 可参见小程序官方简易教程：https://developers.weixin.qq.com/miniprogram/dev/ 以下描述是基于上述教程的基础上实际上手内容 步骤2： 1、申请账号，根据指引申请账号之后获得开发者id 2、安装开发工具，根据教程指引下载安装步骤3：新建项目：打开微信web开发者工具——选择小程序项目——选择一个空目录（也可直接选择一个项目打开，此处基于第一次新建项目）——App...
原文链接：https://my.oschina.net/xiaomaomi1997/blog/3097302需求描述及交互分析 设计思路和相关知识点 新闻频道滑动效果设计 首页新闻内容设计 首页新闻详情页设计 我的界面列表式导航设计 系统设置二级界面设计设计思路 （1）设计底部标签导航，准备好底部标签导航的图标和建立相应的两个页面； （2）设计新闻频道滑动效果，需要借助于scroll-view可滚动视图容器组件，允许水平方向上进行滑动； （3）设计新闻频道页签切换效果...