小程序
Lval
这个作者很懒,什么都没留下…
展开
-
小程序下载网络图片
小程序的wx.saveImageToPhotosAlbum()中filePath的路径图片文件路径,可以是临时文件路径或永久文件路径 (本地路径) ,不支持网络路径所以我们要先用wx.downloadFile()方法将图片下载下来在进行缓存 saveImg(){ wx.downloadFile({ url: this.data.shareInfo.url, //要下载的图片...原创 2020-12-07 09:45:59 · 1123 阅读 · 0 评论 -
小程序授权
小程序登录调用 wx.login() 获取 临时登录凭证code ,并回传到开发者服务器。调用 auth.code2Session 接口,换取 用户唯一标识 OpenID 和 会话密钥 session_key。之后开发者服务器可以根据用户标识来生成自定义登录态,用于后续业务逻辑中前后端交互时识别用户身份。登录流程图1.调用wx.login() 获取 临时登录凭证code2.拿到cod...原创 2019-12-27 15:07:34 · 814 阅读 · 0 评论 -
小程序自定义组件间的传值
父组件向子组件传值方式:WXML 数据绑定1.父组件:直接绑定父组件的数据到子组件上//father.jspage({ demoData:'父组件向子组件传的数据',})//father.wxml,<son fatherData='{{demoData}}' ></son>2.子组件:在properties内接收父组件的数据//son.js//...原创 2019-12-26 17:53:01 · 2598 阅读 · 0 评论 -
新版本中小程序的animation 无法作用在动态渲染出来的view上
问题分析setData 工作原理:小程序的视图层目前使用 WebView 作为渲染载体,而逻辑层是由独立的 JavascriptCore 作为运行环境。在架构上,WebView 和 JavascriptCore 都是独立的模块,并不具备数据直接共享的通道当前,视图层和逻辑层的数据传输,实际上通过两边提供的 evaluateJavascript 所实现。即用户传输的数据,需要将其转换为字符串形式...原创 2019-12-24 15:11:21 · 1807 阅读 · 1 评论 -
picker组件BUG,fields属性为month时,IOS显示不正确
问题描述:picker组件BUG,fields属性为month时,苹果手机上下拉显示1年、2年、3年…;解决方法:<picker mode='date' value="{{date}}" fields='month' start="1970-01-01" end="2080-01-01" bindchange="bindDateChange"> <view>{{d...原创 2019-08-07 17:57:41 · 624 阅读 · 0 评论 -
小程序动画创建及动画结束的监听事件
小程序动画创建绑定动画数据 <view class="img-box" animation='{{animationData}}' bindtransitionend='animationend' bindtap='move'> <image src="{{AppImg.total_bg}}"></image> </view...原创 2019-07-17 17:44:54 · 7221 阅读 · 0 评论 -
小程序canvas上绘制图片真机不显示
小程序在画布上绘制图片时真机不显示分析:小程序的画布不能绘制网络图片,所以需要wx.downloadFile()或者wx.getImageInfo()方法把网络图片加载到本地再进行绘制使用wx.downloadFile获取到图片的临时路径const ctx = wx.createCanvasContext('myCanvas') //获取canvas画布对象 wx.downloadFile...原创 2019-07-01 10:56:20 · 7880 阅读 · 0 评论 -
小程序canvas绘制图片并保存
准备画布<canvas style="width: 300px; height: 369px;" canvas-id='myCanvas'></canvas>建立canvas绘图的上下文对象const ctx = wx.createCanvasContext('myCanvas')绘制先绘制一个和画布等同大小的白色矩形作为底图ctx.setFillStyl...原创 2019-06-18 16:38:30 · 2168 阅读 · 0 评论 -
小程序微信支付
小程序接入微信支付思路:小程序提供了微信支付的api我们只要填写对应参数就行goodsbuy(data){ //参数data是从后台获取的相关数据 wx.requestPayment({ //支付api timeStamp: data.timeStamp,//时间戳 nonceStr: data.nonceStr,//随机字符串 package: ...原创 2019-06-20 10:16:00 · 132 阅读 · 0 评论 -
小程序商品秒杀
思路:获取当前时间,同时得到活动结束时间数组;循环活动结束时间数组,计算每个商品活动结束时间的倒计时天、时、分、秒;用 setData 方法刷新数据;每个一秒执行一次倒计时函数 setInterval(this.countTime,1000)wxml<view class='goods-box' wx:for="{{goodsData}}" wx:key="index"&g...原创 2019-05-31 16:36:09 · 7130 阅读 · 0 评论 -
小程序左滑显示删除功能
思路采用分层思想,每个item分为上下两层,上面一层放内容,下面一层放删除按钮上面一层采用绝对定位,下面一层放到需要显示的位置,通过动态设置right属性的值,来实现向左滑动漏出下面的删除按钮通过touchstart,touchmove 这几个事件来判断滑动的方向通过item的index值确定滑动的是哪一项,设置滑动项的right值在需要滑动的item上注册事件&...原创 2019-05-30 16:36:29 · 1801 阅读 · 1 评论 -
小程序swiper组件用箭头控制无法衔接
问题描述小程序组件swiper左右滑动,自动轮播时circular衔接效果都是没有问题的,但当我们用左右箭头模拟轮播的时候,衔接效果却失效了,问题出在哪里?我们来看下面一段代码://wxml <view class='swiperbox'> <swiper class='swiper-content' circular="true" style="height:...原创 2019-05-21 10:35:53 · 725 阅读 · 0 评论 -
vue使用axios
下载npm install axios --save-dev引用import axios from 'axios'将axios绑定给vue成为一个属性,这样可以在任意组件中使用//设置axios请求的默认host//axios.defaults.baseURL = 'https://wechat.kayunzh.com'//将axios注入到vue原型上Vue.prototype...原创 2019-04-18 17:02:38 · 472 阅读 · 0 评论