uni.showLoading({ title:'正在提交...' }); let data = JSON.parse(JSON.stringify($this.sendData)); const r = instance.post({ url : url, data: data }) .then(res => { console.log(res) uni.showToast({ title: '提交成功', icon: "none", position:'bottom'});

效果图: 代码: wx.showLoading({ title: '加载中...', }) wx.request({ url: '', success(res){}, fail(){}, complete(){ wx.hideLoading() } }) 小程序官方api   https://developers.weixin.qq.com/miniprogram/dev/api/wx.showLoading.html

在小游戏中,会有如下图的提示窗口,这些可以使用微信提供的交互接口实现. 使用loading等待的接口.mask=true表示遮罩,防止等待时点击其他按钮触发其他操作导致异常. wx.showLoading({title:"生成图片中",mask:true, success:(res)=>{ console.log("success:",res); }, fail:(res)=>{ console.log("fail:",res); }

解决办法:mask =true wx.showLoading({ title: '正在上传...', mask:true, })

my.js onLoad: function (options) { setTimeout(res=>{ wx.showLoading({ title: '10s后出现', }) }, ) }, 点击my页面后,再点击进入get-score页面,过一会儿,get-score页面会出现这个wx.showLoading()的弹窗

比如说在用户点击登录的时候,为了防止用户点击点第二次,可以加一个loading,在请求结束之后就关闭

导读:wx.showToast(OBJECT) 显示消息提示框. OBJECT参数说明: 参数 类型 必填 说明 最低版本 title String 是 提示的内容 icon String 否 图标,有效值"success"."loading" image String 否 自定义图标的本地路... wx.showToast(OBJECT) 显示消息提示框. OBJECT参数说明: 参数 类型 必填 说明 最低版本 title String 是 提示的内容   ic

如果用一句话来表明navigator和API中wx.系列的跳转有什么区别,那就是navigator是在wxml中用标签添加open-type属性来达到和wx.系列一样的效果. navigator的属性值如下图所示图中可以看到经过设置open-type可以达到wx.系列的效果,这次我主要说一下我对wx.系列的小研究 wx.系列跳转主要是通过对demo添加点击事件,再js中完成页面跳转,下图是js中的写法,注意url路径,这里容易出错,报错大致为WAService.js:3 switchTab:fa

目录 目标 代码展示 重点讲解 目标 在上一篇技术博客中,我们生成的海报中包含图片,这些图片是存储到服务器上的,而canvas的drawimage函数只能读取本地文件,因此我们在drawCanvas之前需要把服务器上的图片下载到本地临时存储,这里选择使用wx.downloadfile函数下载. 代码展示 //点击分享按钮之后触发的大函数.主要是使用downloadfile下载所需图像到本地,然后调用drawCanvas函数 //由于异步加载不好控制,所以在这里进行串行下载 头像.原海报,然后dr

效果图如下: 实现代码如下:type.js: // pages/type/type.js Page({ /** * 页面的初始数据 */ data: { types: "" }, editType: function (e) { var typeId = e.currentTarget.dataset['id']; console.log("edit:"+typeId); wx.navigateTo({ url: '../type_edit/type_edit?ty

wx.navigateTo保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面. wx.redirectTo关闭当前页面,跳转到应用内的某个页面.就是不能返回了. 如果你想返回用wx.navigateTo,一般你想直接跳首页用wx.navigateTo.

前言 之前写小程序,每次请求后台时都直接调用原生的API,wx.request,每次都要写url,data,回调函数等,正好前段时间,小程序项目需要添加新内容,趁此机会,做一个封装的请求工具,比较简单. 本文若有出入,请指正--来自小渣渣的颤抖 客官可移步小站看本文http://fanjiajia.cn/2019/07/06/wxxcx/flx1/ 原生的API 首先看看原生的api,wx.request需要写如下东西: wx.request({ url: '', // url地址 // 参数

微信小程序中,向后台请求数据是,通常想给用户提示正在加载中,如下图: 我们可以用wx.showLoading(OBJECT),当请求服务器的地方多了,怎么才能不每次都要去调用函数,我们只要对wx.request加工下就可以了,在utils下新建js文件network.js var requestHandler = { url: '', data: {}, method: '', success: function (res) { }, fail: function () { }, complet

1.创建src下创建utils/wx-request.js const host = 'http://10.0.0.6:8081' function request (url, method, data, header = {}) { wx.showLoading({ title: '加载中' // 数据请求前loading }) return new Promise((resolve, reject) => { wx.request({ url: host + url, // 仅为示例,并非真

微信小程序在无论在功能.文档及相关支持方面,都是优于前面几种微信账号类型,它提供了很多原生程序才有的接口,使得我们的小程序在很多方面突破H5页面应用的限制,更加接近原生程序的功能,因此微信小程序具有很大的前景想象力.它提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上. 1.小程序的目录结构 小程序的目录结构如下所示. 其中项目级别的的文件包括 app.js.ap

最近不想写论文,就想捣鼓点新东西吧,就边看官方文档,花了3天时间写了一个简单的仿豆瓣电影的微信小程序,给大家分享一下教程吧. 源码&效果图 源码点击这里,欢迎star 运行方法: 下载微信web开发者工具 新建项目,项目目录为代码存放目录 点击开发者工具中的编译即可在模拟器里看到 效果图如下 开发环境与项目简介 微信提供了一个微信开发者工具,可以完成小程序的 API 和页面的开发调试.代码查看和编辑.小程序预览和发布等功能.下载地址下载后,打开该工具,选择代码目录和申请的AppID,勾选quic

1.需要用到的组件和api scroll-view(可滚动视图区域) wx.showToast(OBJECT)显示消息提示窗----显示loading小菊花用的 2.需要用到的属性 3.scrol-view需要指定一个高度,这个高度可以按自己的需求计算,我使用的是屏幕可用高度并且默认一页显示6个 4.滚动到底部绑定需要触发的事件 <scroll-view scroll-y='true' style="height:{{height}}px" bindscrolltolower='

此篇文章仅仅是对自身项目的一个总结,并对一些遇到的问题给出解决方法 一,安装 wepy安装 二,使用 wepy的文档已经写的很清晰了,遇到的问题大多在issues和wiki中也能找到,具体就不概述了,只是简单总结一下 1. 项目目录 根据wepy创建的项目,出来的目录应该是这样的,其他的我们不用考究.src里编写我们的项目代码,cmd中npm run dev(本人windwos党),项目会自动在dist文件中生成wxml等等,开发者工具中选中dist文件即可 2.开发目录 这是我src中的目录,

原因是我不想每次请求都复制粘贴那么长的请求地址,所以我把前边那一坨请求地址作为基础地址,只传后台给的路由就ok,而且,并不是每次请求都要显示正在加载,这对小程序体验很差,所以,我加了个形参,用来判断是否显示正在加载.最后根据后台给的状态码判断,所有的成功走resolve(.then),所有除了200以外走reject(.catch),然后将loading关闭.关于promise,我就不多讲了,以后有时间在开一篇. 嗷对了,还有token验证,如果项目有需求的话可以把token放入头字段中,每次请

基础: wx.canIUse(string)    boolean wx.canIUse(string schema)   判断小程序的API,回调,参数,组件等是否在当前版本可用. 参数说明 ${API} 代表 API 名字 ${method} 代表调用方式,有效值为return, success, object, callback ${param} 代表参数或者返回值 ${options} 代表参数的可选值 ${component} 代表组件名字 ${attribute} 代表组件属性 ${

前言 能用,但不是最好的方法,最好的还是fly,因为为了以后多平台的考虑,最好使用fly.js,做之前先关闭校验合法域名,因为我没在后台进行配置 后台进行配置合法域名,按着官方给的配置就OK了,这里就不写了,因为只是个测试,用的都是测试的appid https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html 目录结构 fly.js位于src下的utils目录下,最后在main.js引入 封装 这就