1.picker写法(支持日期Date.时间Time和城市自定义) wxml文件 <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}"> <view class="picker"> 当前选择:{{array[index]}} </view> </picker> js文件 Page({ d

wxSearch优雅的微信小程序搜索框 一.功能 支持自定义热门key 支持搜索历史 支持搜索建议 支持搜索历史(记录)缓存 二.使用 1.将wxSearch文件夹整个拷贝到根目录下 2.引入 // wxml中引入模板 <import src="/wxSearch/wxSearch.wxml"/> <template is="wxSearch" data="{{wxSearchData}}"/> // wxss中引入 @i

亲,你是不是也遇到了微信小程序的button按钮设置宽度无效.让我来告诉你怎么弄 方法1. 样式中加入!important,即:width: 100% !important; wxss代码示例 1 2 3 4 5 6 7 8 9 .login-btn {     font-size: 16px;     width: 100% !important;     font-weight: 400;     color: #fff;     border-radius: 4px;     border

设置域名 登录微信公众号后台小程序中 设置→开发设置→服务器设置 必须设置域名,微信小程序才能进行网络通讯,不然会报错 如果设置好了合法域名,开发工具还提示不在合法域名列表中,因为在微信会有一段时间的缓存,等一会可能就好了. 还要在开发工具中刷新一下,直到有数据显示那就应该是没问题了. 微信开发者工具→项目→配置信息 如果没有设置合法域名,在开发阶段是可以不设置合法域名的 微信开发者工具→项目→基础信息

在微信小程序里的搜索框,按软键盘回车键触发搜索事件. <input type="text"  placeholder="搜索" value="{{inputVal}}"  bindinput="inputTyping" bindconfirm="search" /> bindconfirm  即为回车事件,为它绑定上需要触发的事件.search是对应的搜索方法.

今年过年,主要看了<奇葩说>和<电锯惊魂>,很不错,好东西的确需要留出足够的时间来看,匆匆忙忙走马观花是对作者的不尊重.除此之外,就是研究了一下微信小程序开发,先说对小程序的看法: 1.学习成本低.移动端很重要,谁都知道.但对于普通开发者,要投入到移动端的开发中,学习.掌握移动端开发,成本较高.我原来搞了一段时间android开发(Android新手之旅),项目完成后有一段时间放下了,后来想捡起来发现很困难.我思考,也许一个很重要的原因,android开发用java.clipse,

今天想聊一聊小程序里面存在的一些逻辑问题,拿手上的这个小程序来说,(这个小程序是开发出来玩的,每个人手上有一个手环,带着手环时候的心率,运动步数,血压数据都会展现在这个小程序里面,一目了然)用户第一次登陆的时候,是没有绑定手环ID的,这个时候就需要弹出提示框,提示确定跳转到绑定手环id的页面,绑定成功之后,就会跳转到首页,首页显示手环的电量,手环拥有者的心率运动血压等具体的数据. js逻辑原理很简单:以下代码仅供参考 //获取应用实例 const app = getApp() Page({ da

1.实现点击头像按钮实现选择图片或者拍照,将图片重新设置成头像: //index.js //获取应用实例 var app = getApp() Page({ data: { motto: 'Hello World', userInfo: {}, avatarUrl:null }, //事件处理函数 bindViewTap: function() { var that = this // 选择图片和拍照 wx.chooseImage({ count: , // 默认9 sizeType: ['or

提示框: wx.showToast(OBJECT) 显示消息提示框 OBJECT参数说明: 示例代码: wx.showToast({ title: '成功', icon: 'success', duration: }) wx.hideToast() 隐藏消息提示框 wx.showToast({ title: '加载中', icon: 'loading', duration: }) setTimeout(function(){ wx.hideToast() },) wx.showModal(OBJ

我们先来看一份图,这个设置在官方文档中已经写得很清楚了,我只是做一个总结 注:我写注释是为了方便说明,在小程序中的json文件中是不能用注释的 这个tabBar属于全局属性,因此就在全局配置文件app.json中配置 1.tabBar的配置 "color": "#8a8a8a", "selectedColor": "#f40",//选中的颜色 "backgroundColor": "#ffffff

hotapp 有免费的https proxy ,可以免费代理请求任何http或者https服务,只要设置好合法域名为https://wxapi.hotapp.cn, 就可以请求网址如请求小程序联盟的例子为点击下面链接,可以查看效果https://wxapi.hotapp.cn/proxy/?appkey=hotapp11377340&url=http://www.wxapp-union.com/这个https proxy 有什么用(1)如果开发期间公司的业务还未支持https,可以先用这个请求公

请查看链接地址看具体详情: 选择视频: https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-video.html#wxchoosevideoobject 视频上传时和图片上传是一个道理需要使用小程序的上传模版:(将选择视频的链接传给后台,后台将链接转换成后台存储的路径) https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-file.html#wxuploadfileobject 视频播放:

如果什么都不设置,转发时默认名称是小程序的名称,转发的图片显示的是当前页面的截图,如图一 如何在自定义转发信息呢? 在进行转发的页面中: Page({ onShareAppMessage: function () { return { title: '做任务赢积分', imageUrl: '/images/a.png' } }, }) 这样名称和要显示的图片就能自定义啦..效果见图二 图一:                                                     

小程序开发中我们需要获取到后端给的cookie进行请求验证,但是微信并没有帮我们保存cookie,那么我们要维持会话需要自己来保存cookie,并且请求的时候加上cookie 1.获取cookie 在登录请求后读取 返回值的, header的cookie,并本地存储 //登录请求回来之后,读取res的data的key //这里的token随便写的,就是个唯一标识 wx.setStorageSync("token", res.data["key"]) 2.请求带上co

初始化GlobalData 在App.js的最上方可以设置GlobalData的初始值. App({ globalData:{ appid: '1wqas2342dasaqwe232342xxxxxxxxxx',//appid需自己提供,此处的appid我随机编写 secret: 'e0dassdadef2424234209bwXXXXXXXXXXXXXX',//secret需自己提供,此处的secret我随机编写 openid:'你好', //自定义 },在App.js中修改GlobalDat

很久没有更新文章啦~~记录下今天弄的一个小功能. 先上图: 需求很简单: 第1列改变的时候,第2列也随着改变,并且比第1列大1k. 这里用到了微信的picker 组件,对于不太熟练这个组件的小伙伴可以先看下官方文档. 主要用到了多列选择器,如下图: 解决思路: 1.在onLoad里面生成一个二维数组,形式如下: [['1K','2K','3K','4K','5K','6K','7K','8K'...],['1K','2K','3K','4K','5K','6K','7K','8K'...]] o

// 选择微信自带地址 addAddr:function () { wx.chooseAddress({ success: function (res) { self.setData({ addrInfo:res //获取到地址存到data的addrInfo里 }); }, fail:()=>{ this.openConfirm() // 如果获取地址权限失败,弹出确认弹窗,让用户选择是否要打开设置,手动去开权限 } }) }, // 打开确认弹窗 openConfirm: function (

1.页面代码 <view catchtap='showInputLayer' class="btn_pay">立即支付</view> <!-- 密码输入框 --> <view wx:if='{{showPayPwdInput}}'> <view class='bg_layer'></view> <view class='input_main'> <view class='input_title'&

<video controls="{{false}}" autoplay="{{true}}"></video> 设置属性务必要使用{{}};

依次点击链接请查看以下步骤 选择图片: https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-picture.html#wxchooseimageobject 查看图片信息: https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-picture.html#wxgetimageinfoobject 浏览图片: https://mp.weixin.qq.com/debug/wxadoc/dev/api

1.wx.showToast() 方法可以配置toast框的提示文字,消失的时间,显示的图标 wx.showToast({ title: '请链接网络', icon:"none", // 没有图标时,使用none duration:2000 })