案例还原 小程序做一个进度条,可以通过拽转控制进度 那么肯定有一个进度条,不过小程序自己会做适配宽高 6s下这个div的width 是250 6splus就是276 但是问题来了,我拖拽用的是translateX, 这个值,小程序不会帮忙增加, 举个例子在6s机子下,进度条分为三级 总宽度250分为三段,那么translateX:低级为0,中级为225,高级就是250(不考虑拖拽图片的宽度) 这个值是写死的 在6sPlus的情况下,这个进度条宽度就自动增加为276,但是,我的translateX…

1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599 3:设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html 4:设计资源下载:https://mp.weixin.qq.com/debug/wxadoc/design/#资源…

刚上手小程序 时,习惯把this当成jquery中的$(this)来用,实际上这两个还是有差别的 在页面方法中调用其他方法,一般是用this.function(),直接调用小程序 的方法或函数则是用wx.function 多层方法下的时候,则要给this定义一个变量才能使用,否则会一直报方法没有定义 下面踩坑之一的是调用地理定位时给经纬度赋值时碰到的 Page({ data: { scale:18, latitude:0, longitude:0, }, onLoad:function(opti…

最近在写微信小程序的上传图片功能,趟过了一些坑记录一下. 想要满足的需求是,从手机端上传图片至服务器,为了避免图片过大影响传输效率,需要把图片裁剪至适当大小后再传输 主要思路是,通过wx.chooseImage()函数获得图片的文件路径,在canvas画板获得文件路径后,重新绘制成制定大小的图片.再通过canvasToTempFilePath(),生成新的文件路径.最后通过wx.uploadFile()上传到指定服务器 遇到的坑有三个 一,在canvas中绘制的单位都是px,但由于不同屏幕的像素…

小程序原生所带的weui框架做小程序UI实在太方便了,但是他的一些细微变化也是让开发中碰到不少头疼的问题 一直以来单选多选的美化都是设计师重点表达的地方之一 而weui-wxss-master中的单选多选样式又写的与众不同,不同与常规的weui添加after伪类来显示 不同,他是通过type="success_no_circle"来实现的,所以无论怎么更改icon或icon的after或befor都无效果 这里想到一个变通的方法先给icon添加一个外层容器,给该容器添加背景图片来实现在…

最近在做小程序时,使用wx.request()方法请求时, 当使传输string类型时,一定要声明method请求模式为post,否则会一直报错,而不声明时默认为get, 已填坑 =,= wx.request({ method: "post", url: 'http://***.***.**/user/**/gainValidateCode', //仅为示例,并非真实的接口地址 data: '{"appId": "1100****60349",…

1:微信小程序之去掉横向滑动滚动条 /** 去除横向滚动条 */ ::-webkit-scrollbar { width: 0; height: 0; color: transparent; } 2:未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译. 未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译. 使用小程序框架wepy的时候,报出这样的错误 解决方法: 在创建项目->添加项目时选择的项目目录的文件夹下不能有次级文件夹,如果有次级文件夹 即便是空文…

0. 引言 微信小程序为了优化用户体验,取消了在进入小程序时立马出现授权窗口.需要用户主动点击按钮,触发授权窗口. 那么,在我实践过程中,出现了以下问题. . 无法弹出授权窗口 . 希望在用户已经授权的情况下,不显示按钮 1. 具体实现 app.js的onLaunch()函数中,添加获取用户个人信息的代码段.实现在用户已经授权的情况(例如第二次打开小程序时)下,自动获取用户个人信息,而不需要用户的授权. // 获取用户信息 wx.getSetting({ success: res => { if…

关于小程序一些小功能的代码都在这个GitHub上,感兴趣的可以去看看,https://github.com/huihuijiang/miniProgram目前有:列表左滑删除,拖拽浮标 一.小程序坑1.scroll-view横向滚动的时候,包含文字图片等,元素错位,第二个元素掉下去:hack:给子元素添加 vertical-align:top; 当使用scroll-view横向滚动时要注意几点:父元素设置宽度,加上这两个样式overflow: hidden; white-space: nowra…

近期完成了一个小程序,自己做的前后端开发.真是惨哭我了o(╥﹏╥)o,下面几点希望大家可以避雷. 首先,想先介绍一下我遇到问题的解决思路: 1.先在postman调试接口,看数据获取是否正常, 2.在微信开发者工具,考虑是不是语法不对, 3.看看是不是组件的问题,有些组件是禁用一些点击事件的. 1.数据更新 想改变data数据,并不是简单的data:{ }就可以的,因为视图层和逻辑层的数据更新不一致,所以需要使用API:this.setData({ }) 进行改变. 1.1 补充,如何用setD…