![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
weixin_41991473
忠实诚信,讲原则,说到做到,决不推卸责任;有自制力,做事情始终坚持有始有终,从不半途而废;肯学习,有问题不逃避,愿意虚心向他人学习;自信但不自负,不以自我为中心;平易近人。为人诚恳,性格开朗,积极进取,适应力强、勤奋好学、脚踏实地,有较强的团队精神,工作积极进取,态度认真
展开
-
微信小程序同一页面的取值
1.js里单个的值在wxml里取值方法:js里将该值定义为全局变量,在wxml里采用 {{ }}即可获取。实例: js里得值:data{schoolName:"清华大学"}wxml里获取:<view class="texts">{{schoolName}}</view>2.js里数组或是集合在wxml里的取值方法:js里将该集合或数组定义为全局变量,在wxml里采用for...原创 2018-04-15 11:27:48 · 1556 阅读 · 0 评论 -
微信小程序之利用微信内置地图查看已定位的位置
获取到经纬度后,调用 wx.openLocation({ })方法即可:实例如下:js: data: { longitude:106.49626 , dimension:29.59921,},address: function () { var that = this; wx.openLocation({ latitude: parseFloat(that.data.d...原创 2018-06-20 18:57:57 · 2614 阅读 · 0 评论 -
微信小程序客服功能
微信小程序客服功能的实现只需进行如下操作:1.登录微信公众平台 ——>启动小程序客服推送 ——>点击客服消息打开 ——>添加客服人员2.在微信小程序端调用 contact-button 接口即可具体如下:<contact-button type="default-light" size="20" session-from="weapp" ></contac..原创 2018-06-14 14:55:18 · 3628 阅读 · 0 评论 -
微信小程序之拨打电话
微信小程序拨打电话功能的实现是采用wx.makePhoneCall具体方法如下:.wxml<view>电话:15888888888</view><view data-ph='15888888888' bindtap='callPhone'></view>.js callPhone: function (e) { var phone = e.cu...原创 2018-06-22 12:02:15 · 4119 阅读 · 0 评论 -
微信小程序之滚动选择器(picker)
滚动选择采用的是picker组件,具体使用方法如下:实例1:Page({js:data:{pickerList:[ { id:1 , name: picker01},{ id:2 ,name: picker02},{ id:3 ,name: picker03},{ id:4 ,name: picker04},],pickerListIdx:0,}bindPicker: function (e) {...原创 2018-06-26 15:48:37 · 3259 阅读 · 0 评论 -
微信小程序之小程序审核
小程序审核时间慢或是审核不通过,不要慌!可从以下去找问题:1.帐号基本信息1.1小程序名称、简介、logo、服务范围、服务标签、帐号基本信息文字均不得: (1)侵犯他人权益(著作权、商标权、肖像权、名誉权等)。包括但不限于,使用或包含不属于该小程序主体的品牌或商标、标识等内容或与之相似的内容、信息、特殊角标。示例:检查名称、简介中是否含有该小程序不属于该帐号的权益。 (2)含有商业化用语的、热...转载 2018-07-06 11:12:35 · 5461 阅读 · 1 评论 -
微信小程序之提示框弹框
1.显示消息提示框,长度不超过12个字节,即6个汉字 wx.showToast({ title: '演示1', }) 2.显示loading提示框,主动调用wx.hideLoading()才能关闭wx.showLoading({title: '演示2',})wx.hideLoading(); 3.显示模拟弹...原创 2018-07-19 20:49:26 · 10023 阅读 · 0 评论 -
微信小程序之图片保存
微信小程序保存图片分为两步:1.下载文件资源到本地,客户端直接发起一个 HTTP GET 请求,返回文件的本地临时路径。即:调用函数wx.downloadFile({}) 2.保存图片到系统相册。即:调用函数wx.saveImageToPhotosAlbum({}) 具体代码如下:.wxml<button data-image='{{图片路径}}' bin...原创 2018-07-25 14:44:54 · 3709 阅读 · 0 评论 -
微信小程序之分享页面
用户点击分享执行onShareAppMessage函数即可:实例如下:分享分为两种:1.微信小程序自带的页面分享 2.自己页面写的分享按钮:<button open-type="share">点击分享</button> 它们共同调用Js如下:onShareAppMessage: function (r...原创 2018-08-02 17:55:50 · 4025 阅读 · 0 评论 -
微信小程序之一键连接wifi
在已知wifi账号和wifi密码的情况下,一般采用以下的流程来连接wifi Wi-Fi 接口调用:1.Android: startWifi —> connectWifi —> onWifiConnected2.iOS(仅iOS 11及以上版本支持):startWifi —> connectWifi —> onWifiConnected 操作步骤如下:...原创 2018-08-24 15:23:07 · 15534 阅读 · 7 评论 -
微信小程序选择按钮
1.单选:radio实例:js:Page({data : {radioId:"",loves:[{id:1, name:"跑步" ,checked : 'true'},{id:2, name:"篮球" },{id:3, name:"足球" },]},updataRadio:function(e){var Id=e.value.idthis.setData({radioId:Id})},})wxml...原创 2018-04-15 15:45:24 · 2709 阅读 · 0 评论 -
微信小程序数组操作
对数组的增加concat()/修改 /删除splice()/清空实例:jsPage({data:{Lists:[{ id:1, name:"北京大学",array: 2},{ id:2, name:"天津大学",array: 3},{ id:3, name:"湖南大学",array: 4},]},//数组增加一个数组addArray : function(){var newArray=...原创 2018-04-16 13:38:28 · 14972 阅读 · 0 评论 -
微信小程序计算两点间的距离
获取经纬度 getLocation: function () { var that = this; wx.getLocation({ success: function (res) { if (res != undefined && res != null) { this.setData({ lati...原创 2018-04-17 14:18:52 · 6602 阅读 · 0 评论 -
微信小程序页面跳转
1.保留当前页面,跳转到应用内另一个页面:wx.navigateTo({ url: '页面路径', }) 实例: pageSkip :function(){ wx.navigateTo({ url: '/page/admin/details', }) },2.关闭当前页面,返回到上一级或多级页面:wx.navigateBack({ url: '页面路径...原创 2018-04-13 11:40:44 · 3651 阅读 · 0 评论 -
微信小程序弹框
1.提示框:wx.showToast实例:wx:showToast({title:'马上开始'})2.显示加载: wx.showloading 关闭提示:wx.hidelading 两个需配合使用实例:wx:showloading({title:'正在加载'})setDoun(function(){wx.hidelading()2000},)3.模态弹框: wx.showModal wx.sh...原创 2018-04-18 20:38:49 · 626 阅读 · 0 评论 -
微信小程序页面间传值
1.js页面间的传值:url: ' 路径 ? 值='+ 获取该页面取值,实例1: pageSkip :function(){ wx.navigateTo({ url: '/page/login/facte?shopsName='+this.data.shopsName, }) },实例2: pageSkip :function(){ w...原创 2018-04-13 12:15:22 · 298 阅读 · 0 评论 -
微信小程序页面取值
微信小程序js接受页面传值的方法:1.本页面参数名为局部变量:onLoad: function (options) { var 本页面参数名=options.上一传值页面参数名},实例: onLoad: function (options) { var shopsName=options.shopsName },2.本页面参数名为全局变量:onLoad: function (o...原创 2018-04-13 12:57:05 · 4981 阅读 · 0 评论 -
微信小程序赋值方法
1.微信小程序将值赋值给局部变量: "="实例:var name=options.goodsName2.微信小程序将值赋值给全局变量: "=" 或 this.setData({ })实例:this.data.goodName=options.goodsName this.setData({ goodName: options.goodsName })3.微信小程序将局部变量赋值给...原创 2018-04-13 13:29:05 · 23656 阅读 · 0 评论 -
微信小程序页面跳转之wx.navigateBack
wx.navigateBack关闭当前页面,返回上一页面或多级页面。使用方法详解:方法名: function () { var pens = getCurrentPages(); var twoPen = pens[pens.length - 页面层级]; twoPen.delelPen();(上级页面里的刷新方法) wx.navigateBack({ ...原创 2018-04-13 17:44:57 · 4542 阅读 · 1 评论 -
获取打开微信小程序设备的屏幕尺寸
获取尺寸jsPage({data:{ windowHeight: '', windowWidth: '',}onLoad: function (options) { wx.getSystemInfo({ success: function (res) { console.log(res); // 屏幕宽度、高度 console.log('h...原创 2018-04-19 16:34:37 · 10979 阅读 · 0 评论 -
微信小程序之悬浮拖动框
1.微信小程序悬浮拖动页面DargDarg.jsPage({data:{top : ' ' ,left : ' ',windowWidth:'',windowHeight:''} //拖动不超过规定范围 setTouchMove: function (e) { console.log("---------------- e.touches[0].clientX------------...原创 2018-04-19 17:50:46 · 12355 阅读 · 3 评论 -
微信小程序绘制表格
表格的绘制jsPage({data:{ infeed:['"", "1周", "2周", "3周", "总计"],endwise1: "游泳",tb1:"0",tb2:"0",tb3:"0",tb4:"0",endwise2: "跑步",tc1:"0",tc2:"原创 2018-05-09 11:18:03 · 3054 阅读 · 0 评论 -
微信小程序之一键复制
微信小程序不支持页面复制功能,故要实现某些信息的复制,需要开发复制功能微信小程序中复制一般采用调用 wx.setClipboardData 接口实现功能如下:1,.wxml里写一个复制按钮 <button bindtap="copy"> 一键复制 </button>2, .js里写复制功能 copy: function (e)...原创 2018-09-07 10:31:42 · 5984 阅读 · 0 评论