![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
if时光重来
这个作者很懒,什么都没留下…
展开
-
微信小程序实现选择地区demo,记录最近访问的地区
微信小程序实现选择地区demo,记录最近访问的地区原创 2023-06-15 12:06:59 · 526 阅读 · 0 评论 -
微信小程序视频自动全屏
<video id="myVideo" src="cloud://test-qu7lc.7465-test-qu7lc-1302432879/video/l3100gw1zos.mp4" autoplay='{{true}}' show-progress='{{false}}' controls='{{true}}'bindended='endAction'></video>// 自动全屏 onShow: function () { this.videoContext =转载 2021-05-16 10:49:15 · 3793 阅读 · 0 评论 -
小程序自定义弹出层禁止页面滚动
catchtouchmove 在小程序模拟器中没有效果,真机测试时可以使用catchtouchmove=“true”,会一直弹出警告错误“does not have a method “true” to handle event “touchmove”,所以这里定义个方法<block wx:if="{{showVideo == true}}"> <view class="showVideoBg" catchtouchmove="filterViewMove">原创 2021-05-16 10:05:18 · 591 阅读 · 0 评论 -
微信小程序中实现点击复制的功能
copywxtap: function () { wx.setClipboardData({ data: "复制内容", success: function (res) { wx.getClipboardData({ //这个api是把拿到的数据放到电脑系统中的 success: function (res) { wx.showToast({ title: '复制成功',转载 2021-04-27 13:03:39 · 988 阅读 · 0 评论 -
微信小程序使用腾讯定位服务api获取经纬度后调取导航功能
腾讯定位服务官网申请key申请key: https://lbs.qq.com/dev/console/key/add签名效验文档: https://lbs.qq.com/FAQ/server_faq.html#3地址解析api文档:https://lbs.qq.com/service/webService/webServiceGuide/webServiceGeocoder1.申请key申请key: https://lbs.qq.com/dev/console/key/add2.效验签名签原创 2020-07-22 17:33:52 · 1382 阅读 · 0 评论 -
小程序多图上传+删除
img.wxml<view class="conts_block"> <view class="conts_tit">图片集</view> <view class="conts_textarea"> <block wx:if="{{certificateImgs.length != 0}}"> <block wx:for="{{certificateImgs}}"&原创 2020-06-19 17:09:36 · 309 阅读 · 0 评论 -
小程序实现评分效果
star.wxml<view class="conts_li"> <text>评分: </text> <block wx:for="{{[0,1,2,3,4]}}" wx:for-item="i"> <block wx:if="{{flag > i}}"> <i class="icon iconfont icon-star" bindtap="clickstar" data-index=.原创 2020-06-19 15:54:12 · 1082 阅读 · 1 评论 -
小程序开发过程中的小问题总结
改变默认返回url地址onUnload:function(){ //关闭当前页面,返回上一个或多级页面。 // delta:返回的页面数,如果 delta 大于现有页面数,则返回到首页。 wx.navigateBack({ delta:1 })},动态设置当前页面的标题wx.setNavigationBarTitle({ title: '', })自定义分享内容 onShareAppMessage: function(res){ retu原创 2020-06-19 11:59:24 · 188 阅读 · 0 评论 -
php实现小程序支付接口
转自:https://www.cnblogs.com/CcPz/p/10556873.html小程序端// 调取支付接口获取参数app.getAjax('WxPay',{'id':id},function(pay){ wx.requestPayment({ nonceStr: pay.data.data.nonceStr, package: pay.data.data.pac转载 2020-06-16 18:28:21 · 1192 阅读 · 0 评论 -
小程序获取openid之后将微信获取的信息传入数据库
小程序端代码:wx.login参考文档:https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.htmlauth.code2Session参考文档:https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/login/auth.code2Session.html登录凭证校验。通过 wx.login 接口获得临时登录凭证 co原创 2020-06-11 10:36:13 · 2372 阅读 · 0 评论 -
微信小程序picker中普通选择器selector获取objectarray中自定义id的获取问题
解决<picker data-id="{{type[index].id}}"></picker>方式获取的自定义id值不正确*.wxml<picker range='{{type}}' value='{{index}}' bindchange="Change" range-key="name"> <view class='picker'>{{type[index].name}}</view></picker>*.jsPa原创 2020-06-07 10:59:43 · 1467 阅读 · 0 评论 -
微信小程序实现字幕上下滚动
效果图:代码:*.jspage({ data:{ adList:[{ 'url':'', 'title':'刚刚预约了服务' },{ 'url':'', 'title':'内容内容内容内容内容' }], }})*.wxml <swiper class="swiper_zi" vertical="true" autoplay="true" circular="true" interval="3000">转载 2020-05-31 10:35:25 · 4931 阅读 · 1 评论 -
小程序实现点击右侧字母跳至城市列表(类似通讯录效果)
代码:*.wxml<!--index.wxml--><view class="page"> <view class="content"> <!-- 左侧内容区 --> <scroll-view class="person-list" enable-back-to-top style="height: {{oHeight}}px" scroll-into-view="{{toView}}" scroll-y=.转载 2020-05-29 11:07:19 · 1077 阅读 · 0 评论 -
微信小程序实现拍照或在相册中选择图片功能
微信小程序apiwx.chooseImage(Object object)从本地相册选择图片或使用相机拍照。官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html代码:wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默原创 2020-05-28 09:40:33 · 2045 阅读 · 0 评论 -
微信小程序获取到经纬度之后获取详细位置信息
1.使用微信小程序提供的wx.getLocation()获取当前位置的经度纬度2.前往腾讯定位服务申请所需要的key,https://lbs.qq.com/dev/console/key/manage3.https://apis.map.qq.com/ws/geocoder/v1/?location=lat<纬度>,lng<经度>&key=你申请的keyvar QQMapWX = require('../../libs/qqmap-wx-jssdk.js');var转载 2020-05-27 10:23:07 · 1585 阅读 · 0 评论 -
小程序下载、预览word,pdf文件
onLoad: function(res){ var url = '文件地址'; wx.downloadFile({ //下载 url: url, success: function(e){ const filePath = e.tempFilePath; // 临时文件地址 wx.openDocument({ // 预览 ...原创 2019-10-19 09:58:05 · 1596 阅读 · 2 评论 -
常用的微信小程序弹出框事件
常用的小程序弹出框wx.showToast()wx.showLoading()wx.showModal()wx.showToast()代码:wx.showToast({title: ‘提示信息’,})参数:title:显示的提示信息,在没有图标的情况下,文本内容可显示两行icon: 显示的图标success:成功图标loading:加载图标none:没有图标image:...原创 2019-07-06 10:36:56 · 3599 阅读 · 0 评论 -
小程序定时器的使用
*.wxml <view class='countDown'>倒计时:<text style='color:red'>{{countDownNum}}</text>s</view>*.jsPage({ data: { timer: '',//定时器名字 countDownNum: '60'//倒计时初始值 }, o...转载 2019-07-06 10:57:15 · 6116 阅读 · 0 评论 -
微信小程序解析html代码 (wxParse工具)
百度网盘:https://pan.baidu.com/s/1LYT7jDedUo428l3BidDQdQ提取码: q3t3使用步骤:1.将下载下来的插件文件夹复制到我们的项目根目录下(其中emojis文件可根据自己所需决定要或者不要,其他的文件必须要)2.在需要使用该插件的View(.js文件)中引入WxParse模块 var WxParse = require('../../wxPa...原创 2019-07-20 17:46:46 · 1439 阅读 · 0 评论 -
小程序实现触底加载功能
*.json{ "enablePullDownRefresh": true,//这个是上拉下拉刷新设置的,不加这个默认不会刷新上拉下拉刷新的 "onReachBottomDistance": 0//这个是距离多远触发上面那个设置}*.jsconst app = getApp();Page({ data: { page: 1, //当前页数 "newslist...原创 2019-08-02 16:49:58 · 582 阅读 · 0 评论 -
简单封装小程序wx.request
app.jsgetAjax: function (url, data, callback){ wx.request({ url: 'http://127.0.0.1/api/'+url, header: { 'content-type': 'application/x-www-form-urlencoded', }, method: 'POST...原创 2019-07-30 14:54:37 · 133 阅读 · 0 评论 -
小程序实现点击回到顶部
*.wxml<!-- 返回顶部 --><view class="goTop" hidden='{{!floorstatus}}' bindtap="goTop">Top</view>*.wxss/* 返回顶部 */.goTop{ width: 140rpx; height: 140rpx; line-height: 140rpx; t...原创 2019-08-03 15:52:08 · 787 阅读 · 0 评论 -
微信小程序C页面点击返回上一级按钮至A页面
问题描述:A页面跳转到B页面,B页面判断有没有登录,如果没有则跳转至C页面。但在C页面点击返回上一级时会跳转至B页面,便会触发B页面的if条件,则又重新返回到C页面。方法一在C页面的js文件中的onUnload方法中进行页面跳转(bug:第一次点击返回上一页会触发B页面的判断条件,第二次点击才会跳转至指定页面)onUnload: function () { wx.reLaun...原创 2019-07-31 11:33:08 · 1569 阅读 · 0 评论 -
小程序实现点击复制内容功能
x.wxml<view class="margin-30"> <text>点击下方按钮复制链接地址并用浏览器打开</text> <text class='shopName' bindtap='textPaste'></text> <button bindtap="textPaste">点击复制</butto...原创 2019-08-22 14:04:35 · 2561 阅读 · 0 评论 -
小程序中将请求的json数据里内容包含html标签替换成空字符
需求:将请求完后的数据中的html标签替换为空var arr = res.data; for(var i in res.data){ var txt = res.data.arr[i]['cont']; var t=txt.replace(/ /g, ''); arr [i]['cont'] = t; var text2...原创 2019-09-26 17:44:20 · 886 阅读 · 1 评论 -
小程序request请求报错 request:fail url not in domain list
发送请求时报错:解决方法:发送post请求后,返回的数据出错需更改header请求值header: { 'content-type': 'application/x-www-form-urlencoded' // 默认值},原创 2019-07-15 13:40:48 · 2226 阅读 · 1 评论