fwq

这篇文章主要给大家介绍了微信小程序开发之toast提示插件的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。 前言 3月28号微信更新了版本，showToast可以通过image参数修改默认icon了，最大时间也取消了。 以上两个更新实用很多，但icon还是无法去除。显示形式有点单一，无法自定义，可能后续更新会增加更多功能。下面来看看本文的详细内容： 下载文章下面的文件，放在根目录。 然后在app.js中引入js并添加到App中，如下： var wxToast = require('toast/toast.js') App({  wxToast ,  onLaunch: function () {} }) 登录后复制 在app.wxss中添加如下css： .wxToast_mask{width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:10000;background:rgba(0,0,0,0);opacity:0;display:none}.wxToast_show{display:block}.wxToast_content{max-width:80%;min-width:90px;position:absolute;left:50%;top:20%;transform:translate3d(-50%,0,0);padding:15px;color:#fff;font-size:17px;text-align:center;border-radius:5px;background:rgba(0,0,0,.8)}.wxToast_img{width:55px;height:55px;display:block;margin:0 auto 8px auto} 登录后复制 接着在页面xxx.wxml中添加如下内容： <import></import><template></template> 登录后复制 最后在页面xxx.js中就可以调用了。 var app = getApp(); //wxToast挂载在app下面，所以必须先获取app Page({  toast: {  //调用  app.wxToast({   title : '加载中'  })  },  onLoad : function( ){}…

这篇文章主要介绍了微信小程序picker组件简单用法,结合实例形式详细分析了picker组件的功能、使用方法与相关注意事项,需要的朋友可以参考下 本文实例讲述了微信小程序picker组件简单用法。分享给大家供大家参考，具体如下： picker滚动选择器，现支持三种选择器，通过mode来区分，分别是普通选择器（mode=selector），时间选择器（mode=time），日期选择器（mode=date），默认是普通选择器。 具体功能说明如下： 普通选择器：mode=selector 属性名 类型 默认值 说明 range Array [] mode为selector时，range有效 value Number 0 mode为selector时，是数字，表示选择了range中的第几个，从0开始。 bindchange EventHandle   value改变时触发change事件，event.detail= { value:value} 时间选择器：mode=time 属性名 类型 默认值 说明…

这篇文章主要介绍了微信小程序 开发中遇到问题总结的相关资料,需要的朋友可以参考下 微信小程序 开发中遇到问题总结 1.由于小程序wx.request()方法是异步的，在app.js执行ajax后，各分页加载app.js的全局数据时，无法按顺序加载。例： //app.js App({   ajax:function(){     let that = this;     wx.request({       url: 'https://a.com/url.php',       method: 'GET',       success: function(e){         that.data = 123;       }     })   }; }) //content.js let app = getApp() Page({   getData: function(){;     app.ajax();     console.log(app.data); //undefined   } }) 登录后复制 解决方法，使用Promise异步函数：…

这篇文章主要介绍了微信小程序 获取相册照片实例详解的相关资料,需要的朋友可以参考下 微信小程序 获取相册照片 今天遇到微信小程序的用户头像设置功能,做笔记. 先上gif: 再上代码: 小demo,代码很简单. 1.index.wxml <!--index.wxml-->  <button>获取图片</button>  <image></image> 登录后复制 2.index.js //index.js  //获取应用实例  var app = getApp()  Page({   data: {    tempFilePaths: ''   },   onLoad: function () {   },   chooseimage: function () {    var _this = this;    wx.chooseImage({     count: 1, // 默认9     sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 …

本篇文章给大家带来的内容是关于微信小程序中格式化时间的代码实现 ，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 1、 formatTime ：Data型 2.formatNumber1：Long型 util.js ---------- //两种方式 1.formatTime 传入参数 Date 返回：年/月/日 const formatTime = date =&gt; {   const year = date.getFullYear()   const month = date.getMonth() + 1   const day = date.getDate()     const hour = date.getHours()     const minute = date.getMinutes()     const second = date.getSeconds()     return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':') }const formatNumber = n =&gt; {   n = n.toString()     return n[1] ? n : '0' + n } module.exports = {   formatTime: formatTime,   formatTime1: formatTime1 } function formatTime1(n){   n = n.toString()     return n[1] ? n : '0' + n…