效果展示 键盘未弹起时 键盘弹起后： 实现方式 话就不多说了 我直接贴代码了 原理就是用你点击的输入框的底部 距离顶部的位置 减去屏幕高度除以2，然后设成负值，再将这个值给到最外层相对定位的盒子的top属性，这样就不会出现顶部导航上移的问题了具体实现如下： 首先封装一个js工具包，这个包其实有很多东西的，但是对键盘没什么用，我就去掉了，是一个设备工具类，没事的话可以去研究，设备工具类在开发的过程中…
// 蒙层部分 @keyframes slideBgUp { from { visibility: visible; background: transparent; } to { background: rgba(0,0,0,.7); } } @keyframes slideBgDown { from { background: rgba(0, 0 ,0 , .7); } to { backgr…
我的代码如下：App({ data: { posts: {} }, onLaunch(event) { // console.log('onLaunch'); var that = this; swan.request({ url: 'http://www.sfatpaper.com/content.json', success: function (res) { console.log(res.…
点击上方“蓝字”，关注我们. 一:搜索框功能实现 1.在首页做一个搜索框的样式并实现跳转到搜索页面 <view class='page_row' bindtap="suo"> <view class="search"> <view class="df search_arr"> <icon class="searchcion" size='20' type=…
云音乐小程序开发知识小记（上） 在云音乐小程序开发中学到的 分 上中下 ，因为本人也是在学习中，请多指教 本次的**云音乐小程序开发知识小记（上）**主要涉及四个方面： 轮播图 数字格式化处理 自定义组件 云函数创建，数据库插入数据 首先介绍一下这部分涉及到的页面，就是小程序的第一个主页，歌单（playlist），以及每个歌单点击后的具体音乐列表（musiclist） 然后介绍一下这部分涉及的文件…
☹. 背景 - 小程序开发的过程中，绝大多数会满足微信支付 - 那么，作为友好交互的体现，自然就会考虑到支付后的消息通知咯 - 所以，我的小程序项目也要求完成这个效果，so.分享一下自己的实现步骤，以方便道友们少踩点坑... 微信消息通知 的区别： 1. 微信网页版、公众号的消息提醒 要求用户必须 "关注商家公众号"，才支持消息的接收 并且还有个奇怪的毛病：如果近期内未与该公众号有所交流，依然收不…
微信小程序关于位置信息的获取以及地图输出 最近去参加了数学竞赛，题目和预期的偏差有点大，结果应该还算不甚理想，有机会做一下复盘。 回归主题，这周日试了下在微信小程序中获取设备的位置信息并使用地图输出，参考文档就是微信小程序官方文档的map组件部分。 仙人指路：https://developers.weixin.qq.com/miniprogram/dev/component/map.html 吐槽…
个人的解决方式是不在 bindChange事件回调函数中更新current值，而是在 bindanimationfinish（滑动动画结束调用）事件回调函数中更新current值。 <swiper class="swiper" bindanimationfinish="swiperAnimationListener" > swiperAnimationListener:function…
查询一条 oras.doc('doc-id').get({ success: function(res) { console.log(res.data) } }) 实例： //callback风格 queryDD(){ const db = wx.cloud.database() //拿到数据库的引用 const oras = db.collection("oras") //拿到集合的引用 ora…
苦于学习小程序开发时找不到多少有用的博客教程，网上看过很多博客，不是只有几行一笔带过，就是互相都是复制粘贴，甚至全篇复制 微信官方文档 。 本篇博客是另一篇实战项目博客的拓展，将其中踩过的坑单独拿出来做个总结。有兴趣可以去看看那篇： 小程序实战：推文留言板 实际上此功能可以直接由 JavaScript 实现 ，如果你要实现的功能复杂，建议不要用本文的方法。 更新了一下代码，发现微信把 getWXC…