合集-微信小程序

微信小程序上传图片(前端+PHP后端)
摘要：一、wxml文件 二、js文件 三、PHP后端代码 运行结果： console打印结果： 此时表示上传成功！ 阅读全文
posted @ 2017-12-20 19:57 下页、再停留 阅读(15751) 评论(1) 推荐(1)
微信小程序 引入公共页面的几种情况
摘要：1、不带参数 首先在pages文件夹中新建一个template文件夹，文件夹中新建一个template.wxml文件，代码如下 然后我们书写我们所要调用template的页面index.wxml 注意： （1）index.wxml中template 标签的is属性与template.wxml中tem 阅读全文
posted @ 2017-12-26 16:45 下页、再停留 阅读(23770) 评论(0) 推荐(2)
微信小程序下拉框
摘要：微信小程序组件里没有下拉框，正好要用到，记下来以后参考 wxml代码 wxss代码 js代码 效果 阅读全文
posted @ 2018-11-06 13:47 下页、再停留 阅读(2720) 评论(0) 推荐(0)
微信小程序 scroll-view 实现锚点跳转
摘要：在微信小程序中，使用 scroll-view 实现长页面的标记跳转，官方文档中没有例子演示，锚点标记主要是使用<scroll-view> 的 scroll-into-view 属性。 实现锚点跳转主要以下几点： 1、最外层容器使用 scroll-view 2、赋值scroll-into-view，如 阅读全文
posted @ 2018-02-27 16:23 下页、再停留 阅读(1494) 评论(1) 推荐(0)
微信小程序开源项目库汇总
摘要：最近做了一个微信小程序开源项目库汇总，里面集合了OpenDigg 上的优质的微信小程序开源项目库，方便移动开发人员便捷的找到自己需要的项目工具等，感兴趣的可以到GitHub上给个star。 UI组件 weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库 Wa-UI ★122 - 针对 阅读全文
posted @ 2018-01-09 14:33 下页、再停留 阅读(837) 评论(0) 推荐(0)
微信小程序传参数的几种方法
摘要：1，navigator 跳转时 wxml页面（参数多时可用“&”） 或者添加点击事件，js用navigateTo跳转传参，两种效果一样 js页面 在onLoad里直接获取 2.全局变量 app.js页面 赋值： 取值： 3.列表index下标取值 wxml页面 如果需要传递多个，可以写多个data- 阅读全文
posted @ 2018-01-09 13:49 下页、再停留 阅读(24648) 评论(0) 推荐(1)
小程序图表插件
摘要：最近做小程序需要统计一些数据，需要用到图表插件，所有在网上找了找，找到了wx-charts这个插件，看着挺好用的，和jq的echarts类似，所有选择用这个插件来画图表，wx-charts是基于canvas绘制，体积小巧，支持的比较多，有饼图、圆环图、线图、柱状图、区域图、雷达图。 1、首先在htt 阅读全文
posted @ 2018-11-14 10:01 下页、再停留 阅读(7893) 评论(0) 推荐(0)
小程序实现多图上传、预览
摘要：wxml wxss js // 删除图片 deleteImg: function (e) { var imgs = this.data.imgs; var index = e.currentTarget.dataset.index; imgs.splice(index, 1); this.setDa 阅读全文
posted @ 2018-11-10 11:53 下页、再停留 阅读(537) 评论(0) 推荐(0)
微信小程序实现验证码倒计时效果
摘要：效果图 wxml wxss js 阅读全文
posted @ 2018-11-10 10:47 下页、再停留 阅读(2404) 评论(0) 推荐(0)
微信小程序上传图片，视频及预览
摘要：wxml wxss js 阅读全文
posted @ 2018-11-07 17:57 下页、再停留 阅读(10760) 评论(2) 推荐(1)
小程序实现星级打分
摘要：效果图 wxml wxss js 转自小程序组件之星级评分 阅读全文
posted @ 2018-11-07 16:12 下页、再停留 阅读(2528) 评论(0) 推荐(1)
小程序获取系统日期时间
摘要：获取时间 获取特定时间 获取时间戳 1、 得到的结果：1280977330000 注意：这里得到的结果将后三位（毫秒）转换成了000显示，使用时可能会出现问题。例如动态添加页面元素id的时候，不建议使用。 2、 结果：1280977330748 3、 转自“js中获取时间new date()的用法” 阅读全文
posted @ 2018-11-07 10:58 下页、再停留 阅读(1435) 评论(0) 推荐(0)
微信小程序日历课表
摘要：最近项目中使用到了日历，在网上找了一些参考，自己改改,先看效果图 wxml wxss js 阅读全文
posted @ 2018-11-07 10:34 下页、再停留 阅读(2105) 评论(0) 推荐(0)
微信小程序点击图片放大预览
摘要：微信小程序点击图片放大预览使用到 wx.previewImage 接口，可以放大、上/下一张 上代码 wxml代码 js代码 测试的只能用网络图片，本地不能使用，这个需要研究研究。 效果图 阅读全文
posted @ 2018-11-06 14:53 下页、再停留 阅读(1938) 评论(0) 推荐(0)
微信小程序+php 授权登陆，完整代码
摘要：先上图 实现流程： 1、授权登陆按钮和正文信息放到了同一个页面，未授权的时候显示登陆按钮，已授权的时候隐藏登陆按钮，显示正文信息，当然也可以授权和正文分开成两个页面，在授权页面的onload里判断是否已授权，若已授权就直接跳转正文的页面。这里只说授权按钮和正文在同一页面的情况。 2、在onload里 阅读全文
posted @ 2019-11-13 15:33 下页、再停留 阅读(10616) 评论(0) 推荐(1)
微信小程序-获取当前位置和城市名
摘要：微信小程序-获取当前城市位置 1， 获取当前地理位置，首先要拿到用户的授权wx.openSetting； 2，微信的getLocation接口，获取当前用户的地理位置（微信返回的是经纬度，速度等参数）； 3，微信没有将经纬度直接转换为地理位置，借用腾讯位置服务中关于微信小程序的地理转换JS SDK 阅读全文
posted @ 2019-11-08 11:47 下页、再停留 阅读(6890) 评论(0) 推荐(0)
微信小程序 - 定位功能
摘要：（1） 查看微信小程序文档 大家可以从我截图中可以看到，API中的返回值有纬度和经度，所以我们接下来就是要用到纬度和经度逆地址解析出地址的一些信息。 （2）注册腾讯地图开放平台 注册完之后选择WebServiceAPI 进入WebServiceAPI之后大家就可以看到逆地址解析了，然后阅读一下腾讯为 阅读全文
posted @ 2019-07-05 16:44 下页、再停留 阅读(3095) 评论(0) 推荐(0)
微信小程序支付及退款流程详解
摘要：一. 支付 支付主要分为几个步骤： 前端携带支付需要的数据(商品id，购买数量等)发起支付请求 后端在接收到支付请求后，处理支付数据，然后携带处理后的数据请求 微信服务器 的 支付统一下单接口 后端接收到上一步请求微信服务器的返回数据，再次处理，然后返回前端让前端可以开始支付。 前端进行支付动作 前 阅读全文
posted @ 2019-07-04 09:48 下页、再停留 阅读(6705) 评论(0) 推荐(0)
微信小程序获取复选框全选，反选选中的值
摘要：wxml文件 wxss文件 js文件 效果图： 阅读全文
posted @ 2019-02-15 13:28 下页、再停留 阅读(8847) 评论(0) 推荐(1)
php小程序登录时解密getUserInfo获取openId和unionId等敏感信息
摘要：在获取之前先了解一下openId和unionId openId : 用户在当前小程序的唯一标识 unionId : 如果开发者拥有多个移动应用、网站应用、和公众帐号（包括小程序），可通过unionid来区分用户的唯一性，因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号（包括小程序）， 阅读全文
posted @ 2018-12-08 13:44 下页、再停留 阅读(640) 评论(0) 推荐(1)
微信小程序使用wxParse，解决图片显示路径问题
摘要：我们经常用到发布文章，用的是UEditor百度富文本编辑器,方便排版，存储的也是html代码，这样小程序解析出来的也是排版的样式，但是使用wxParse解析html的时候，因为存储的是图片的相对路径，所有在小程序解析的时候图片不显示，网上搜了好多，说当时图片的时候在解析出来的图片相对路径前面加上域名 阅读全文
posted @ 2018-12-08 09:32 下页、再停留 阅读(6518) 评论(0) 推荐(0)
微信小程序下拉框之二维数组或对象
摘要：在项目中，我们大多数时候传的值并不是需要这个下标，而是其他的值。像我项目中，需要获取到的是它对应的Id,那么我们如何通过它的这个下标值返回你想要的值呢？ 通过picker返回的索引值，去获取匹配你想获取的值; js文件 var id = this.data.pic_array[e.detail.va 阅读全文
posted @ 2018-11-29 12:47 下页、再停留 阅读(5511) 评论(0) 推荐(0)
微信小程序上传图片
摘要：wxml 阅读全文
posted @ 2018-11-27 12:10 下页、再停留 阅读(310) 评论(0) 推荐(0)