- 如果微信小程序中图片过多过大,分包后也过大怎么办
如果微信小程序中图片过多过大,分包后也过大怎么办?? 放在百度云吗? 还是放在什么地方??
2019-01-17 - 使用wx.navigateTo传递一张图片的时候为什么报错?
我想在A页面上传一张图片,然后跳转到B页面,并且把图片传递过去,使得B页面可以显示图片。 传递到B页面的代码 [图片] B页面接收的代码 [图片] 错误信息 [图片] 谢谢大佬们。
2019-01-17 - 给view设置了大小,如何让他的背景图片填充满这个view
通过js动态设置了view的大小,然后动态设置了背景图片,如何让背景图片的自动填充满这个view,不多也不少,但是图片可能会变形。 好像是设置 background-size: 100% 100%; 但是设置了没有效果呢。 wxml中的代码: [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]'styleBody'[代码] [代码]style[代码][代码]=[代码][代码]'bottom:{{styleBody.bottom}};left:{{styleBody.left}};width:{{styleBody.width}};height:{{styleBody.height}};background:{{styleBody.frontBackground}}'[代码][代码]>[代码]wxss中的代码: [代码].styleBody {[代码][代码] [代码][代码]position: fixed;[代码][代码] [代码][代码]background-size: 100% 100%; /*填满整个屏幕*/[代码][代码]}[代码]js中的代码: [代码]data{[代码][代码]styleBody: {[代码][代码] [代码][代码]frontBackground: [代码][代码]'rgba(255, 0, 0, 0.1)'[代码][代码],[代码][代码] [代码][代码]/*正面样式的背景*/[代码][代码] [代码][代码]reverseBackground: [代码][代码]'rgba(255, 0, 0, 0.1)'[代码][代码],[代码][代码] [代码][代码]/*背面样式的背景*/[代码][代码] [代码][代码]bottom: [代码][代码]''[代码][代码],[代码][代码] [代码][代码]left: [代码][代码]''[代码][代码],[代码][代码] [代码][代码]width: [代码][代码]''[代码][代码],[代码][代码] [代码][代码]height: [代码][代码]''[代码][代码] [代码][代码]}[代码][代码]},[代码][代码]/**[代码][代码]* 上传图片[代码][代码]*/[代码][代码]upPicture: [代码][代码]function[代码][代码]() {[代码][代码] [代码][代码]var[代码] [代码]that = [代码][代码]this[代码][代码];[代码][代码] [代码][代码]var[代码] [代码]froAndRev = [代码][代码]this[代码][代码].data.frontDisplay; [代码][代码]//判断是正面还是反面[代码][代码] [代码][代码]wx.chooseImage({[代码][代码] [代码][代码]count: 1,[代码][代码] [代码][代码]sizeType: [[代码][代码]'original'[代码][代码], [代码][代码]'compressed'[代码][代码]],[代码][代码] [代码][代码]sourceType: [[代码][代码]'album'[代码][代码], [代码][代码]'camera'[代码][代码]],[代码][代码] [代码][代码]success(res) {[代码][代码] [代码][代码]// tempFilePath可以作为img标签的src属性显示图片[代码][代码] [代码][代码]const tempFilePaths = res.tempFilePaths;[代码][代码] [代码][代码]if[代码] [代码](froAndRev == [代码][代码]"block"[代码][代码]) {[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]"styleBody.frontBackground"[代码][代码]: [代码][代码]"url("[代码] [代码]+ tempFilePaths[0] + [代码][代码]")"[代码][代码] [代码][代码]})[代码][代码] [代码][代码]} [代码][代码]else[代码] [代码]{[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]"styleBody.reverseBackground"[代码][代码]: [代码][代码]"url("[代码] [代码]+ tempFilePaths[0] + [代码][代码]")"[代码][代码] [代码][代码]})[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码][代码] [代码][代码]})[代码][代码] [代码][代码]},[代码][代码]/**[代码][代码] [代码][代码]* 生命周期函数--监听页面加载[代码][代码] [代码][代码]*/[代码][代码] [代码][代码]onLoad: [代码][代码]function[代码][代码](options) {[代码][代码] [代码][代码]var[代码] [代码]winWidth = wx.getSystemInfoSync().windowWidth;[代码][代码] [代码][代码]var[代码] [代码]winHeight = wx.getSystemInfoSync().windowHeight;[代码][代码] [代码][代码]this[代码][代码].setData({[代码][代码] [代码][代码]"bodys.width"[代码][代码]: winWidth * 0.85 + [代码][代码]'px'[代码][代码],[代码][代码] [代码][代码]"bodys.height"[代码][代码]: winHeight * 0.8 + [代码][代码]'px'[代码][代码],[代码][代码] [代码][代码]"bodys.left"[代码][代码]: winWidth * 0.075 + [代码][代码]'px'[代码][代码],[代码][代码] [代码][代码]"bodys.bottom"[代码][代码]: winHeight * 0.165 + [代码][代码]'px'[代码][代码],[代码] [代码] [代码][代码]"styleBody.width"[代码][代码]: winWidth * 0.6 + [代码][代码]'px'[代码][代码],[代码][代码] [代码][代码]"styleBody.height"[代码][代码]: winWidth * 0.6 + [代码][代码]'px'[代码][代码],[代码][代码] [代码][代码]"styleBody.left"[代码][代码]: winWidth * 0.2 + [代码][代码]'px'[代码][代码],[代码][代码] [代码][代码]"styleBody.bottom"[代码][代码]: winWidth * 0.4 + [代码][代码]'px'[代码][代码],[代码] [代码] [代码][代码]"upPictureBtn.width"[代码][代码]: winWidth * 0.4 + [代码][代码]'px'[代码][代码],[代码][代码] [代码][代码]"upPictureBtn.left"[代码][代码]: winWidth * 0.075 + [代码][代码]'px'[代码][代码],[代码][代码] [代码][代码]"upPictureBtn.bottom"[代码][代码]: winHeight * 0.05 + [代码][代码]'px'[代码][代码],[代码] [代码] [代码][代码]"sumbitBtn.width"[代码][代码]: winWidth * 0.4 + [代码][代码]'px'[代码][代码],[代码][代码] [代码][代码]"sumbitBtn.right"[代码][代码]: winWidth * 0.075 + [代码][代码]'px'[代码][代码],[代码][代码] [代码][代码]"sumbitBtn.bottom"[代码][代码]: winHeight * 0.05 + [代码][代码]'px'[代码][代码],[代码] [代码] [代码][代码]"icon.fontSize"[代码][代码]: winWidth * 0.1 + [代码][代码]'px'[代码][代码],[代码][代码] [代码][代码]"icon.top"[代码][代码]: winWidth * 0.1 + [代码][代码]'px'[代码][代码],[代码][代码] [代码][代码]"icon.right"[代码][代码]: winWidth * 0.15 + [代码][代码]'px'[代码][代码] [代码][代码]})[代码][代码] [代码][代码]},[代码]感谢大佬们对小白的支持。
2019-01-15 - 如何让多个button或者多个view显示在一行内,并且自动适应于屏幕的宽度
比如 [图片] 我想做一下这一部分,但是我想让这5个内容在data中用数组的形式存储,然后让他们在一行,我最初的想法是每一个的width占20,但是字体不太合适 ,会出现button内换行的效果。希望大佬们能帮忙解答一下。 wxml中的内容 [代码]<[代码][代码]view[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{order}}"[代码] [代码]wx:key[代码][代码]=[代码][代码]"{{}}"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]'GPSBtn'[代码][代码]>{{order[index]}}</[代码][代码]button[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码]js中的内容 [代码]data: {[代码][代码] [代码][代码]order:[[代码][代码]"全部订单"[代码][代码],[代码][代码]"待付款"[代码][代码],[代码][代码]"待发货"[代码][代码],[代码][代码]"已发货"[代码][代码],[代码][代码]"已收货"[代码][代码]],[代码][代码]},[代码]
2019-01-15 - wx.chooseImage直接报错
- 当前 Bug 的表现(可附上截图) [图片] - 预期表现 - 复现路径 - 提供一个最简复现 Demo wxml <view> <button bindtap='bindViewTap'> 选择图片 </button> </view> js bindViewTap:function(){ wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success(res) { // tempFilePath可以作为img标签的src属性显示图片 const tempFilePaths = res.tempFilePaths } }) } 特别说明,我没有使用手机去测试,使用的微信开发者工具自带模拟器,所以微信版本和基础库版本都是随便写的 开发者工具版本 [图片] 官网api说明文档截图 [图片]
2019-01-13