微信小程序
泥猴桃
web前端开发
展开
-
微信小程序 元素设置高度全屏显示方法
最近搞小程序用到了 map 组件,想控制他全屏显示,但是发现用到height: 100% 的时候根本不起作用,想要生效必须要把 view 标签,从最外层,一层一层设置成高度 100% 才可以,后来查阅资料发现:可以通过vh这个单位,整个屏幕默认满屏为100vh;所以将地图的高度设置为100vh,宽度设置为100%,就可以! 比起动态获取设备的宽高然后设置 元素宽高是不是简单的多!...原创 2018-11-29 21:35:52 · 7287 阅读 · 0 评论 -
小程序 map 组件上其他 元素标签内容不显示问题
搞小程序map 组件的时候发现一个问题,map 地图组件是全屏显示的,但是我想在map 组件上在显示几个其他的功能按钮,却发现无论怎么操作在真机上也不能显示出来, 微信开发者工具中一点问题没有,恶心了原创 2018-11-29 21:42:39 · 2776 阅读 · 0 评论 -
小程序view标签添加背景图真机不显示问题
最近搞得小程序,发现一个问题,给view 标签添加的背景图,在开发者工具中没问题,但是真机上测试发现不能显示,查阅相关资料后发现小程序真机不能加载本地图片,需要把图片放到服务器上,然后使用网路图片。无奈只要找后端兄dei 把图片放到了服务器,后经真机测试没有问题!...原创 2018-12-04 20:09:08 · 3135 阅读 · 0 评论 -
小程序map 组件内嵌套元素,cover-view 标签上 图标不显示问题
最近搞小程序的map 地图,在map 组件内只能用用cover-view 或者cover-image等标签,但是发现用上图标在真机上不显示,后来发现用在其他非原生组件里却没有这个问题,经过查阅相关资料发现,小程序的原生组件中嵌套标签上使用图标确实有bug ,真机上不显示,只能用cover-image 使用图片才行。还有个值得注意的地方,小程序中使用字体图标的话,字体文件上传失败,要转成base...原创 2018-11-30 22:50:42 · 5401 阅读 · 0 评论 -
微信小程序翻牌抽奖效果
效果图如下 翻转动画和洗牌动画都有,奈何本人搞了一个git 图质量太大,上传不上来,无奈只能用静态图片完整demo已经上传到github,下载好以后替换下自己的appid 即可 gitHub 地址 https://github.com/dadanihoutao/flop-xcx.git点击再翻一次的时候会重新洗牌!效果类似这个,...原创 2018-12-23 11:52:40 · 3467 阅读 · 1 评论 -
微信小程序使用组件实现移动端软键盘
效果图如上,这是一个简单的 添加牌照的功能,因为键盘内容需要自己定义,就自己制作了一个响应的软键盘,有中文键盘和 字母数字键盘。点击ABC按键可以切换,删除按键可以删除输入的内容,新能源车牌和普通车牌也可以切换。demo使用了微信小程序的自定义组件,相似的功能也可以拿过去改一下,因为本人搞了个gif图太大,没法上传,等找到合适的制作gif图工具在替换掉完整demo 代码已经上传到g...原创 2018-12-23 12:28:46 · 1796 阅读 · 0 评论