小程序
文章平均质量分 88
向右看齐--
这个作者很懒,什么都没留下…
展开
-
微信小程序地图(二) 跑步路线展示
刚开始研究小程序的地图:简单的跑步路线展示wxml :<map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="18" polyline="{{polyline}}"show-location style="width: 100%; height: 300px;"></map><button bindtap="start">开始</button><butto原创 2018-04-20 17:11:47 · 25249 阅读 · 6 评论 -
微信小程序 setData 根据变量设置信息
data: { main_view_bgcolor: "", border: "", isChecked: [true, true, true, true, true, true, true, true, true, true, true, true, true, true, true]}如上,如果我想动态修改isChecked里面指定某个下标的值怎么办?cl...原创 2019-04-22 16:40:38 · 624 阅读 · 0 评论 -
小程序 常出错误总计
1. 保存到相册wx.saveImageToPhotosAlbum 1)、最开始用户点击了拒绝授权。(使用上面的调试技巧,清空一下授权记录) 错误码:errMsg:”saveImageToPhotosAlbum:fail auth deny” 2)、用户点击了取消。 错误码:errMsg:”saveImageToPhotosAlbum:fail cancel” 3)、如果一...原创 2018-10-17 11:41:27 · 386 阅读 · 0 评论 -
小程序 实现canvas中文字换行
实现canvas中文字换行const ctx = wx.createCanvasContext('shareImg');ctx.setFontSize(15);ctx.setFillStyle('#333333');let str = 'RumbaTime时尚手表潮流时装女表电子钢带石英表美国正品进口表';that.drawText(ctx, str, 45, ImgHeight +...原创 2018-10-17 11:27:14 · 3525 阅读 · 0 评论 -
小程序 分享之分享到朋友圈
1. 点击分享弹出一个动画 出现分享类型2. canvas绘制文字和图片到画布3. 给用户展示画布,画布转成图片4. 当用户点击保存卡片时,将图片保存到相册wxml:<view> <view animation="{{animationData}}" class="buydes-dialog-container" wx:if="{{showModalStat...原创 2018-10-17 11:22:04 · 3875 阅读 · 2 评论 -
小程序 弹出动画(分享类)
点击分享弹出一个动画 出现分享类型wxml:<view> <view animation="{{animationData}}" class="buydes-dialog-container" wx:if="{{showModalStatus}}"> <view class="buydes-dialog-container-top&qu原创 2018-10-17 11:15:08 · 822 阅读 · 0 评论 -
小程序中简单的一些操作综
小程序中要实现的效果:(1.) 点击获取验证码时获取表单数据 及 获取验证码后时间倒计:wxml:<view class="input-border input-view-mobile"> <view class="fl input-name">联系电话</view> <view class="fl input-value"&g原创 2018-06-12 18:47:28 · 440 阅读 · 0 评论 -
小程序使用switchtab 没有重新刷新
在使用小程序的switchtab 时,如果加载一次之后就不会再重新加载了。之前没有重新加载 :wx.switchTab({ url : '../index/index',});switchTab成功跳转后调用success,此时可以拿到跳转后页面的page对象,从而调用页面onLoad方法重载页面;微信后期应该会加相应的参数来决定是否刷新跳转wx.switchTab({ url ...原创 2018-06-12 18:35:36 · 4765 阅读 · 0 评论 -
微信小程序通过腾讯地图规划路线
参考:https://blog.csdn.net/u011330225/article/details/74612620index.wxml:<map id="map" polyline="{{polyline}}" markers="{{markers}}" include-points="{{markers}}" style="width: 100%; height: 700rpx;"..转载 2018-05-08 14:18:09 · 7525 阅读 · 3 评论 -
wx 小程序 cover-view 覆盖在原生组件之上的文本视图
cover-view覆盖在原生组件之上的文本视图,可覆盖的原生组件包括map、video、canvas、camera,只支持嵌套cover-view、cover-image。以map 为例:wxml: 将cover-view 放到map标签里面<view class="page-body"> <view class="page-section page-section-gap...原创 2018-04-25 10:21:28 · 8892 阅读 · 0 评论 -
微信小程序 使用地图(一) 获取位置、移动选点、逆地址解析
wxml:class="page-body"> class="page-section page-section-gap"> id="qqMap" style="width: 100%; height: 300px;" latitude="{{latitude}}" longitude="{{longitude}}" markers="{{markers}}" show-loc原创 2018-04-21 14:27:08 · 18709 阅读 · 2 评论 -
微信小程序 保存图片到相册
/** * 保存到相册 */downShareImgFun : function () { let that = this; //获取相册授权 wx.getSetting({ success(res) { if (!res.authSetting['scope.writePhotosAlbum']) { ...原创 2019-05-05 10:59:19 · 919 阅读 · 0 评论