
微信小程序和公众号开发
包子源
仰望星空,脚踏实地
展开
-
微信小程序Timeline时间线效果实现
微信小程序实现类似elementUI的Timeline时间线效果,自适应页面与文本wxml代码:<view class="box"> <view wx:for="{{list}}" wx:key="index" class="one"> <view class="onedot"></view> <view wx:if="{{index!=list.length-1}}" class="oneline"></vie原创 2021-06-27 09:24:52 · 2222 阅读 · 2 评论 -
微信小程序ajax异步加载
微信小程序中的ajax异步加载使用wx.request实现。参数如下:参数名类型必填说明urlString是开发者服务器接口地址dataObject、String否请求的参数headerObject否设置请求的 header , header 中不能设置 Refererm原创 2017-01-11 15:10:08 · 6255 阅读 · 0 评论 -
微信小程序页面跳转并传参
微信小程序提供了3种页面跳转方式第一种:wx.navigateTo({ url: 'test?id=1'})特点:保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。第二种:wx.redirectTo({ url: 'test?id=1'})特点:关闭当前页面,跳转到应用内的某个页面。第三种:{ "tabBa原创 2017-01-12 17:27:18 · 1702 阅读 · 0 评论 -
微信支付详解与取消支付回调
第一步:绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。如果你使用了支付类接口,请确保支付目录在该安全域名下,否则将无法完成支付。备注:登录后可在“开发者中心”查看对应的接口权限。第二步:引入js在需要调用JS接口的页面引入如下JS文件:步骤三:js调用//通过ajax调用后台微信签名接口wx.config({原创 2017-02-22 15:46:26 · 13032 阅读 · 0 评论 -
微信小程序图片轮播
微信小程序图片轮播的实现,支持自动轮播目录结构如下:index.wxml代码:<swiper class="swiper" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">原创 2017-08-02 18:42:09 · 3493 阅读 · 2 评论 -
判断页面必须在微信中打开
$(function(){ var ua = navigator.userAgent.toLowerCase(); var isWeixin = ua.indexOf('micromessenger') != -1; if (!isWeixin) { document.head.innerHTM原创 2018-02-05 17:23:10 · 1666 阅读 · 4 评论 -
node生成带参数的小程序二维码并保存到本地
注意:小程序必须要上线才能获取到小程序二维码,否则会报错。。使用node koa2框架,生成小程序二维码,需要引入两个模块var requestp = require('request-promise');var fs = require('fs'); // 载入fs模块通过微信接口,获取小程序二维码,并保存到本地。返回图片名称。var wxapi = {};module....原创 2018-11-06 09:17:35 · 2073 阅读 · 0 评论 -
微信小程序设置placeholder颜色
<input placeholder-style="color:#BBBBBB" placeholder='请选择出发地'></input>原创 2019-04-26 18:14:45 · 2205 阅读 · 0 评论