前言 我们在开发小程序时，如果想获取用户信息，就需要获取用的授权，如果用户误点了拒绝授权，我们怎么样去正确的引导用户重新授权呢。今天就来给大家讲讲如果正确的引导用户授权。 老规矩，先看效果图从上图可以看出，我们在用户点击拒绝授权时，我们会弹出一个提示框，提示用户去设置页重新授权，当用户去授权页重新授权以后，我们再回到首页，点击获取用户信息时，就可以成功的获取到用户信息了。 如下图蓝色框里，就是我们成功...
最近在做小程序的登录，需要同时获取用户手机号和头像昵称等信息，但是小程序又不支持单个接口同时获取两种数据，因此想到自定义一个弹窗，通过弹窗按钮触发获取手机号事件。记录一下。具体代码如下： 业务代码中：在业务代码中引入dialog组件即可 <dialog visible="{{dialogVisible}}" showFooter="{{footerVisible}}" title="测试一下"><view class=dialog-body slot="dialog-body"><view class=dialog-content>申请获取你微信绑...
微信小程序 swiper组件轮播图 照着开发文档尝试,总是能有所收获.之前做Android开发,做个轮播图并不简单,用上viewpage再设置圆点,折腾一通之后还一堆bug.今天尝试微信小程序开发做轮播图,真是感动的泪流满面.废话说完了,上图.上图就是一个简易的轮播图,是不是很简易.23333 主要是代码也很简单. 1.index.wxml <!--index.wxml--> <swiper class="swiper" indicator-dots="true" autoplay="true" interval="5000" duration="1000"> ...
navigator跳转分为两个状态一种是关闭当前页面一种是不关闭当前页面。用redirect属性指定。 主要属性：wxml <navigator url="../index/index">点击跳转不关闭当前页面</navigator> <navigator url="../logs/logs" redirect="true" >点击跳转关闭当前页面</navigator>相关文章： hello WeApp icon组件 Window text组件 switch组件 tabBar底部导航...
本文实例为大家分享了微信小程序实现蒙版弹窗效果的具体代码，供大家参考，具体内容如下<view class="modalDlg" wx:if="{{showModal}}"><view class=close_mask bindtap="close_mask">X</view><input class=recharge_amount type=text placeholder=充值金额 maxlength="8" value={{recharge_amount}}></input><button class=save_money type=submit>立即充值</button> </view><button class=recharge bindtap="submit">充值</butto...
前面一篇介绍了微信小程序目录结构、基本配置。这里再来介绍一下函数定义、页面渲染。小程序逻辑app.js：定义App函数用来注册一个小程序，包含全局数据和函数，指定小程序的生命周期回调等。整个小程序只有一个 App 实例，全部页面共享使用。//app.js App({onLaunch: function () {// 展示本地存储能力var logs = wx.getStorageSync(logs) || []logs.unshift(Date.now())wx.setStorageSync(logs, logs)// 登录wx.login({success: r...
switch开关组件使用主要属性：wxml <!--switch类型开关--> <view>switch类型开关</view> <switch type="switch" checked="true" bindchange="listenerSwitch"/><!--checkbox类型开关--> <view>checkbox类型开关</view> <switch type="checkbox" bindchange="listenerCheckboxSwitch" />js Page({data:{// text:"这是一个页面"},/*** switch开关监听*/listenerSwitch: function(e) {console.log(switch类型开关当前状态-----, e.det...
微信小程序 弹窗 首先wxml代码： <view class="myToast" hidden="{{nullHouse}}">暂无有关信息</view> <view bindtap="clickArea">点击此处</view> 注：hidden属性用于切换比较频繁的地方。 wxss代码设置弹窗样式: .myToast{width:240rpx;height:130rpx;line-height: 130rpx;margin:80rpx 35%;border-radius:20rpx;background-color: rgb(114,113,113);color:rgb(255,255,255);font-size: 36rpx;text-align: center;position: ...
微信小程序网络请求wx.request详解及实例 如果说小程序API里面最重要一个接口是哪一个？那么首推wx.request()。相当于在小程序内请发起一个https请求（本地调试模式下支持HTTP）。HTTP协议中共定义了八种方法或者叫“动作”来表明对Request-URI指定的资源的不同操作方式。 GET：向特定的资源发出请求。POST：向指定资源提交数据进行处理请求。数据被包含在请求体中。PUT：向指定资源位置上传其最新内容。DELETE：请求服务器删除Req...
介绍 iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称，大幅度降低了学习成本，是一套一套高质量的微信小程序 UI 组件库。使用步骤1：首先在github上面下载组件库代码github2：下载之后解压 可以看到解压的组件文件内容，选择 dist文件，将 dist 目录拷贝到自己的小程序项目中3：开始写代码 写页面效果，写一个按钮在json文件里面引入组件{ "usingComponents": { "i-button": "../../dist/button/index" } }在wxml页...
Page() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。 //index.js Page({data: {text: "This is page data.",sliderOffset: 0,sliderLeft: 0,state:{genre:[],genre_index: 0,model:[],model_index: 0,terminalStatus:,}},onLoad: function(options) {// Do some initialize when page load.},onReady: function() {// Do something when page ready.},onShow: function() {...
微信小程序中，在wx.request({});方法调用成功或者失败之后，有时候会需要获取页面初始化数据data的情况，这个时候，如果使用，this.data来获取，会出现获取不到的情况，调试页面也会报undefiend。原因是，在javascript中，this代表着当前对象，会随着程序的执行过程中的上下文改变，在wx.request({});方法的回调函数中，对象已经发生改变，所以已经不是wx.request({});方法对象了，data属性也不存在了。官方的解决办法是，复制一份...
首先看看官方提供的模态弹窗，供大家参考，具体内容如下api如下：示例：这样的模态弹窗，充其量只能做个alert，提示一下信息。 但是并不能使用它来处理复杂性的弹窗业务，因此写了Michael从新自定义了一个，采用了仿原生的样式写法 wxml：<!--button--> <view class="btn" bindtap="powerDrawer" data-statu="open">button</view> <!--mask--> <view class="drawer_screen" bindtap="powerDrawer" data-statu="close" wx:if="{{s...
本文主要介绍的是关于微信小程序利用co处理异步流程的方法教程，分享出来供大家参考学习，需要的朋友们下面来看看详细的介绍： co co是一个基于ES6 Generator特性实现的【异步流程同步化】写法的工具库。 co需要使用Promise特性，所以，我们先来创建一个使用Promise来处理的异步方法： function myAsyncFunc() {return new Promise(function (resolve, reject) {setTimeout(function () {console.log("myAsyncFunction done!");res...
微信小程序switch 相关文章： 微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch 微信小程序 textarea 微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input 微信小程序 form 微信小程序 checkbox 实现效果图：开关选择器 属性名类型默认值说明checkedBooleanfalse是否选中disabledBooleanfalse是否禁用typeStringswitch样式，有效值：switch, checkboxbindchangeEventHand...