小程序
|Ekko|
这个作者很懒,什么都没留下…
展开
-
小程序开发踩坑记录(一)——component的生命周期函数created中setData无效
①问题描述组件的wxml中,使用wx:if控制view的条件显示隐藏:<view wx:if="{{type == 1}}"> some text </view>其是否显示由从后台获取到的数据决定,因此想到类似page中在onload函数中获取数据并setData。但是组件component的生命周期函数为:lifetimes:{ created() {},...原创 2019-03-29 12:02:45 · 5448 阅读 · 2 评论 -
小程序开发踩坑记录(二)——wx.chooseImage上传图片路径乱码
①问题描述开发者工具中,使用wx.chooseImage配合wx.uploadFile上传图片时,获取到的filepath中图片的路径、文件名混乱切存在多个“.”,造成后台无法解析存储从而报错。②解决方法在手机上测试,若手机上可正常使用即可③总结猜测为api对手机端的路径处理方式在开发者工具中被用来解析pc的文件路径造成乱码,再遇此类问题,可以考虑换手机端测试...原创 2019-04-09 17:20:33 · 2629 阅读 · 0 评论 -
小程序开发踩坑记录(三)——input内的文字设置letter-spacing无效
①问题描述给input内的文字设置letter-spacing属性无效,而该属性对view等标签可正常生效。②应用场景如图示的场景中,需要在数个间隔较宽的方框内填入字符,首先想到的方法为:以多个方框为背景图片,其上定位一个input,并使用letter-spacing使得input内的文字字间距增大到每个字符都正好嵌入框内,即可简单而完美的解决这个设计。然而问题来了:letter-spa...原创 2019-04-09 18:04:10 · 4413 阅读 · 4 评论 -
小程序开发踩坑记录(四)——fixed元素在下拉刷新时会被遮挡且双端表现不一致问题(自制底部tabbar时会遇到的的bug)
①问题描述微信小程序提供了官方的底部导航栏-tabbar,但项目中为满足设计要求、实现更好的效果,需要自己模拟底部导航栏。而在制作过程中就发现了问题。自制底部导航栏的基本思路为:将自制导航元素在index页面底部使用 { display:fixed } 定位,其中的各个导航图标控制index内多个 component 的 wx:if 从而实现模拟的页面跳转(实际是在一个页面内的显示隐藏)。如...原创 2019-04-18 14:52:19 · 6725 阅读 · 0 评论 -
小程序开发踩坑记录(五)——模拟实现底部tabbar和下拉刷新功能(解决安卓端打开下拉刷新功能后fixed元素失效问题)
①问题描述因为上一篇文章提到的问题,小程序目前(2019年4月29日)暂时无法实现在打开下拉刷新功能的前提下,自己使用position:fixed制作底部tabbar标签导航栏,在下拉刷新时,页面上所有的fixed元素也都会失去fixed效果,会跟随页面一起下拉。为解决这个问题,笔者使用scroll-view组件自制下拉刷新功能,使用position:fixed自制底部tabbar,基本解决(...原创 2019-04-29 14:25:08 · 4057 阅读 · 6 评论