![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
鱼是一只鱼啊
这个作者很懒,什么都没留下…
展开
-
小程序video播放器隐藏进度条无效问题
微信小程序video播放m3u8格式监控,进度条隐藏无效解决办法原创 2022-12-19 17:13:00 · 1471 阅读 · 1 评论 -
微信小程序下载图片预览和真机调试均无问题,发布到远程后点击下载没有任何反应
微信小程序下载图片预览和真机调试均正常,发布到远程后无法下载图片1.下载图片关键代码 //保存图片 clickMe: function(e) { let that = this let indX = that.data.currentIndex let srcUrl = ygSwitch.getImgUrl(that.data.dataSource[indX].pic) wx.getImageInfo({ src: srcUrl, succes原创 2022-04-29 15:33:35 · 1789 阅读 · 0 评论 -
小程序图片裁剪插件image-cropper实现个人头像上传裁剪功能
小程序图片裁剪插件image-cropper实现个人头像上传裁剪功能参考文档:小程序图片裁剪插件 image-cropper整体效果流程图一、第一步引入image-cropper,放在dist文件夹下image-cropper.wxml <view class='image-cropper' catchtouchmove='_preventTouchMove'> <view class='main' bindtouchend="_cutTouchEnd" bindt原创 2022-02-22 14:50:25 · 3953 阅读 · 5 评论 -
小程序实现商品查询分页功能自动加载下一页
界面示意图,可以输入商品名称进行商品搜索,往下滑动的时候滑动到底部自动加载下一页数据,当数据加载完以后,显示暂无更多数据。整体界面采用flex布局css样式关键部分page { display: flex; flex-direction: column; position: relative;}.goodsWrap { flex: 1; display: flex; overflow-y: auto;}视图关键部分<scroll-view scroll-y='tru原创 2022-01-25 11:27:36 · 1303 阅读 · 0 评论 -
微信小程序保存图片出错:saveImageToPhotosAlbum:fail file not found
错误之前的代码。imgSrc是一个远程地址,无法保存wx.saveImageToPhotosAlbum({ filePath: that.data.imgSrc, success(res) { wx.showToast({ title: '保存成功', icon: "none" }) console.log(res);原创 2021-11-17 16:13:12 · 4054 阅读 · 2 评论 -
flex:1内容超出容器
视图文件<view class="item-box" wx:for="{{todoList}}" catchtap="goTaskFunc" data-id="{{item.urlKey}}"> <image src="{{item.complete==false?'../../images/bg_todo_unfinish.png':'../../images/bg_todo_finish.png'}}" class="bg"></image> <原创 2021-11-09 17:20:51 · 446 阅读 · 0 评论 -
小程序util.js常用方法工具类
const moment = require('./moment.min.js'),const ifRelease = true, //是否是发布版function getBaseUrl() { if (!ifRelease) { return "本地调试访问地址 "; } return "发布后正式地址";}//验证对象let ygCheck = { //是否为bool parseBool: function(val) { if (val == "true"原创 2021-03-03 15:48:20 · 975 阅读 · 3 评论 -
微信PC版本如何打开开发版小程序进行调试,图片上传在PC版小程序上传失败,手机端和开发者工具中均正常的问题解决
1、小程序开发者工具-设置-通用设置中,将自动预览的启动PC自动预览勾选上2、预览中选择自动预览即可,这样就可以在PC版的小程序中进行调试了哦。3、图片上传在pc版的小程序中上传失败的解决办法:去掉header中的 “Content-Type”: "multipart/form-data"即可。去掉后,通过pc版的小程序进行调试,发现图片可以上传成功啦。wx.uploadFile({ url: getBaseUrl() + '/file/UploadFile', n原创 2021-03-03 11:44:06 · 7035 阅读 · 0 评论 -
小程序地理位置选择功能
第一步引入jsconst QQMapWX = require('../../../utils/qqmap-wx-jssdk.min.js');第二步点击获取地理位置信息getLocation:function(e){ let that = this; let qqmap = new QQMapWX({ key: qqWXMapKey }); wx.chooseLocation({ success: function (e) {原创 2020-11-12 14:44:29 · 240 阅读 · 0 评论 -
小程序自定义弹出框中使用iview Weapp中的数字输入框组件InputNumber输入无效问题
项目场景:小程序出库功能,选择出库食材,输入出库金额。点击确定将该食材的信息以及出库数量进行存储。默认的出库数量显示当前所有的库存数量。数字输入采用ivew Weapp中的InputNumber组件问题描述:在微信开发者工具中进行调试,直接在input框中输入出库数量,然后点击确认。没有任何问题,真机上面调试直接输入一个出库数量,点击确定得到的出库数量依然是之前默认的当前的库存数量。手动输入的数字没有任何效果。原因分析:因为InputNumber绑定的事件是失去焦点以后,将这个值传递出来。所原创 2020-11-09 16:10:40 · 1578 阅读 · 0 评论 -
小程序在弹出框中使用iview weapp的数字输入框 i-input-number,直接输入数量,真机上有时候获取的值依然没有改变
问题原因,这个文本输入地方是写的失去焦点之后才获取值,所以直接将这个bindblur换成bindinput就不会发生这个问题了。 <input class="i-input-number-text {{ min >= max ? 'i-input-number-disabled' : '' }}" type="number" value="{{ value }}" disabled="{{ min >= max }}" bindblur="handleBlur" />更改后:原创 2020-09-04 17:04:33 · 872 阅读 · 0 评论 -
小程序分类查询条件可水平滚动
分类可水平滚动view部分<scroll-view class="scroll-x paramWrap1" scroll-x="true" scroll-x> <view> <text bindtap='param1Change' data-state='-1' class='{{examType==-1?"pvts":""}}'>全部</text> </view> <view wx:for="{{examTypes}原创 2020-08-28 17:26:56 · 200 阅读 · 0 评论 -
小程序自定义弹出框禁止底部页面滚动
小程序自定义选择弹出框,但是却依然可以滚动底部的内容。给弹出框的view加上下面这句就行了。但是只在真机起作用,工具中依然无效catchtouchmove="true"原创 2020-08-21 18:59:40 · 924 阅读 · 0 评论 -
小程序跳转新页面选择数据后返回并修改上一个页面的数据
从A页面跳转到B页面选择名称,B页面是一个列表数据。选择后回到上一个页面并改变上一个页面选择的名称var pages = getCurrentPages();var prevPage = pages[pages.length - 2]; //上一个页面var name=this.data.name;prevPage.setData({ selectedName: name...原创 2020-03-26 15:01:20 · 4106 阅读 · 3 评论 -
小程序使用moment.js转日期显示不正确
1、实际日期为:2019 17:12:45,但是转出来的日期是2019 17:10:602、util.jsconst moment = require('./moment.min.js');let ygDate = { //获取当前时间 getTimeYg: function(format) { var newDate = new Date(); var newDat...原创 2019-10-18 13:58:01 · 1521 阅读 · 0 评论 -
小程序新闻详情用webview,页面点击返回需要点击两次
解决办法:一、引入js <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>二、处理返回<script> window.onunload = function () { wx.mi...原创 2019-07-29 17:43:00 · 3160 阅读 · 1 评论