微信小程序

微信小程序 调用远程接口 给全局数组赋值代码实例

关键是 let that = this因为在onLoad 的 wx.request方法里, this指的是 wx.request 的上下文, 所以应该是在 onLoad 的时候定义 let that = this调用远程服务,序列化后,把obj赋值给bookList最开始的报错代码如下:Page(, onLo »

微信小程序实现拍照画布指定区域生成图片

最近写识别行驶证功能,点击拍照把指定区域截取,生成图片功能。 系统相机。该组件是原生组件,使用时请注意相关限制。 扫码二维码功能,需升级微信客户端至6.7.3。 微信小程序Camera相机地址 我们看下效果: 1、首先生成一个CanvasContext: /** * 生命周期函数--监听页面加载 */ onLoad: function(options) { requireJs.adaptionIp... »

微信小程序开发之左右分栏效果的实例代码

本文以一个简单的小例子,简述在微信小程序开发中左右分栏功能的实现方式,主要涉及scroll-view ,列表数据绑定,及简单样式等内容,属于初级入门内容,仅供学习分享使用。 概述 在微信小程序开发中,左右分栏(左边显示分类,右边显示明细,然后进行联动)是一种常见的布局方式,多应用于点餐,冷饮店,外卖,以及其他类似的商城。 布局分析 布局分析图示如下: 涉及知识点 •scroll-vie... »

微信小程序生成二维码的示例代码

微信小程序生成二维码的示例代码

好久没有写文章了,最近公司要做海报分享的活动,需要在小程序中生成扫了之后可以跳转普通网页的二维码,就在github上面找了一下,确实找到了一个兼容兼容性比较不错的,给打加分享一下。由于在使用便利性方面考虑,我对这个进行了一定的改动,新增了二维码白边功能和支持回调函数直接获取临时文件的功能,希望能够帮助到大家。 »

微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)

微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)

本文实例讲述了微信小程序MUI侧滑导航菜单。分享给大家供大家参考,具体如下: 实现的目标MUI的off canvas效果 点击列表 —- 右侧展示页面不动,左侧导航滑动 —- 点击右侧遮罩层或者左侧选项 —- 左侧还原,右侧去掉遮罩层 实现方案2:左右分上下两层,左侧滑动,右侧不动   WXML <view class="page"> <view class="page... »

微信小程序实现省市区三级地址选择

国际惯例先上效果图: 省市区三级联动,选择省自动刷新市,选择市自动刷新区,点击取消自动返回上一级重新选择,点击确定,保存地址。 数据库 这份数据库是某天在网上逛到的,当时未记录出处,直接贴出给读者使用,实在不妥,此处仅贴出表结构,方便大家交流学习。如有读者了解此份数据出处,烦请留言,谢谢! 数据表结构如下: 部分使用到的字段信息: id:唯一标识每一个数据 name:地区名 parent_id:上... »

详解微信小程序与内嵌网页交互实现支付功能

上个月,小程序开放了新功能,支持内嵌网页,所以我就开始了小程序内嵌网页之路,之前我只是个小安卓。 内嵌网页中可使用JSSDK 1.3.0提供的接口,可坑就来了,居然不支持支付接口的调用,经过一番研究,总算打通了两边的交互。 大概流程 1、先说明涉及到的文件,下面会用到 1.1 app.js:小程序的app.js文件,在globalData里定义一个全局变量paySuccessUrl: ”... »

微信小程序url传参写变量的方法

具体代码如下所示: } } }赞 } 直接看第一行,直接在双引号里写静态部分,用双大括号绑定变量即可。总结以上所述是小编给大家介绍的微信小程序url传参写变量的方法,希望对... »

微信小程序自定义prompt组件步骤详解

步骤一:新建一个component的文件夹,用来放所有的自定义组件;  步骤二:在该目录下新建一个prompt的文件夹,用来放prompt组件;  步骤三:右击–>新建–>component 直接上代码 wxml <view class="prompt-box" hidden="{{isHidden}}"> <view class="prompt-... »

微信小程序开发中的疑问解答汇总

前言最近总结一篇微信小程序解答,作为小程序填坑人深有体会这里的变化,小程序刚发布消息的时候我就说了一个观点,只要小程序提供的组件或API丰富,稳定,兼容性好,才能实现小程序快速开发的理念,先如今还有很多组件的兼容不理想,有一些还在的优化中,因基于小程序这个平台开发限制很大,只能坐等中。。。 »

微信小程序开发之toast提示插件使用示例

微信小程序开发之toast提示插件使用示例

前言 3月28号微信更新了版本,showToast可以通过image参数修改默认icon了,最大时间也取消了。 以上两个更新实用很多,但icon还是无法去除。显示形式有点单一,无法自定义,可能后续更新会增加更多功能。下面来看看本文的详细内容: 下载文章下面的文件,放在根目录。 然后在app.js中引入js并添加到App中,如下: var wxToast = require('toast/toast... »

微信小程序 弹框和模态框实现代码

微信小程序 弹框和模态框实现代码 实现效果图: 实现代码:              <view class="wxapp-modal" style="{{modal_style}}"> <view class="content"> </v... »

封装微信小程序http拦截器过程解析

前言 微信小程序是数据驱动的应用,开发技术和vue、react和angular等mv*技术类似。在vue下可以用vue-resource、axios等模块进行http请求,但是在微信小程序上,http请求只支持wx.request(OBJECT),所以我们需要对wx.request进行封装,实现http拦截器的功能。 第一步:创建一个request.js文件 第二步:确定http、upload和w... »

微信小程序如何获取群聊的openGid以及名称详解

背景:由于公司可能需要在微信群里面使用打卡功能,因此做了个技术调研。 方案:微信在更新分享接口后,原有的在onShareAppMessage中直接拿shareTicket已不复存在。根据最新文档显示,需要在App.onLaunch()跟App.onShow()中获取。 Demo核心代码: index.js Page({ /** * 页面的初始数据 */ data: { openGid: '' },... »

微信小程序rich-text富文本用法实例分析

本文实例讲述了微信小程序rich-text富文本用法。分享给大家供大家参考,具体如下: rich-text是一个新增的微信小程序插件,从基础库1.4.0开始,低版本需要做兼容处理 nodes属性可为Array和String类型,但推荐使用Array.由于String类型最终也会转为Array类型 nodes分为支持两种节点,分别为元素节点(type=node ,默认为元素节点)和文本节点(type... »

微信小程序学习笔记之登录API与获取用户信息操作图文详解

本文实例讲述了微信小程序学习笔记之登录API与获取用户信息操作。分享给大家供大家参考,具体如下:前面介绍了微信小程序跳转页面、传递参数获得数据,这里来分析一下登录API与获取用户信息操作方法。希望本文所述对大家微信小程序开发有所帮助。 »

微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动,右侧滑动)

本文实例讲述了微信小程序MUI侧滑导航菜单。DEMO源码点击此处本站下载。希望本文所述对大家微信小程序开发有所帮助。 »

微信小程序仿知乎实现评论留言功能

 最近沉迷学习无法自拔,太久没有码字,码一个小程序留言功能实现。先上一波最后效果图: (删除按钮,是用户自己的留言时才会显示该按钮) 实现技术 后台:SSM框架 数据库:MySQL数据库 数据库设计 评论功能的实现主要涉及三个表 comment:存储留言评论信息,表结构如下: 表中,必须的字段:id,user_id,reply_comment_id,comment,insert_time... »

微信小程序适配iphoneX的实现方法

一、 安全区域(safe area) 与iPhone6/6s/7/8相比,iPhone X 无论是在屏幕尺寸、分辨率、甚至是形状上都发生了较大的改变,下面以iPhone 8作为参照物,先看看iPhone X尺寸上的变化: 苹果对于 iPhone X 的设计布局意见如下: 核心内容应该处于 Safe area 确保不会被设备圆角(corners),传感器外壳(sensor housing,齐刘海) ... »

基于Vue实现微信小程序的图文编辑器

由于微信小程序不能使用常规的图文编辑器(比如百度的UEditor )编辑新闻内容之类的,所以用vue写了个针对小程序用的图文编辑器。效果如下 多图上传图片用到了  ajaxfileupload.js (不知道哪位仁兄写的,拿来用了,很好用) 最终形成一串Json数据(转成字符串,传入后台存入数据库,小程序端用JSON.parse 转成JSON ,按照后台一样的方式渲染即可【小程序端代码还... »

微信小程序实现弹出菜单功能

需求 点击标签栏按钮,向下弹出菜单,再次点击,收回菜单 要解决的问题 标签栏三栏样式,标签栏固定不动; 点击标签栏弹出菜单,并且出现透明遮罩; 遮罩优先级在弹出框之下; 弹出框内标签的设置; 滚动栏滚动条的隐藏 如何解决? 弹性布局,横向,三者平分整栏; 状态监听点击事件,数据控制hide或者show,通过rgba设置透明度 弹出框设置z-index; 弹性布局flex 横向排列 超出后wrap ... »

微信小程序 密码输入(源码下载)

设计支付密码的输入框 效果如下: 实例代码: <view class="pay"> <view class="title">支付方式</view> <view catchtap="wx_pay" class="wx_pay"> <i class="icon {{payment_mode==1?'active':''}}" type="... »

微信小程序request出现400的问题解决办法

微信小程序request出现400的问题解决办法 最近在跟着demo学习微信小程序,当进行网络请求时出现400,折腾了很久,代码如下: wx.request({ url : "https://api.douban.com/v2/movie/top250", data: {}, header:{ "Content-Type":"application/json" }, success: functi... »

微信小程序 图片加载(本地,网路)实例详解

在微信小程序中,要显示一张图片,有两种图片加载方式: 加载本地图片 加载网络图片 加载本地图片 <image class="widget__arrow" src="/image/arrowright.png" mode="aspectFill"> </image> src=”/image/arrowright.png” 这句就是加载本地图片资源的。想... »

微信小程序封装分享与分销功能过程解析

前言 在微信小程序中,可以很简单的分享一个页面,比微信H5简单多了,然而,分享出去的页面(也叫卡片),打开后只是一个单独的页面,没有底部导航栏,点击返回按钮的时候就直接退出小程序了。如果需要去到首页,还必须点击顶部胶囊的“回到首页”,可是该功能很少人知道。 为了解决这个问题,有两种解决方案。 第一种:在分享的页面在添加显眼的“首页”悬浮按钮,点击按钮跳转到首页。这种方法,好容易理解,可是万一页面多... »

Page 1 of 9123»