- 博客(8)
- 收藏
- 关注
原创 如何彻底解决微信小程序滚动穿透问题
前言:我们在开发业务的过程中总会有各种样式的弹窗需求,在弹窗弹起来的时候,底部的内容却可以滚动,刚开始我们使用catchtouchmove解决了,但是在复杂一点的情况下还是会导致滚动穿透。今天分享一个永久解决该问题的方法。使用官方的page-meta组件,这里贴下官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/page-meta.html通过该组件我们可以直接操作Page组件 ,我们给它的wxss样式overflow动态设置
2022-03-02 20:19:54
3300
3
原创 如何彻底解决小程序滚动穿透问题
我们在开发过程中总会有开发弹窗的需求,在弹窗弹起来的时候,底部的内容却可以滚动,最开始我们使用catchtouchmove解决了,但是在特殊布局的情况下还是会导致滚动穿透。今天分享一个永久解决该问题的方法。就不卖关子了,我摊牌了。使用官方的page-meta组件,很多童鞋可能还不知道这个是干嘛的,这里贴下官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/page-meta.html通过该组件我们可以直接操作Page组件 ,我
2021-07-01 17:09:16
955
原创 如何在微信小程序里使用Lottie动画库
先看效果图:前言:微信小程序的lottie动画库是按照lottie-web动画库改造而来。参考lottie-web:https://github.com/airbnb/lottie-web,以及官方文档:http://airbnb.io/lottie/#/目前我们要用到的是http://airbnb.io/lottie/#/web调用lottie.loadAnimation()启动动画。它采用以下形式将对象作为唯一参数:animationData:具有导出的动画数据的对象。path:动画对象
2021-03-17 15:01:51
3972
6
原创 支付宝小程序serverless云开发拓荒
支付宝小程序云开发拓荒:1. 支付宝小程序准备支付宝小程序开发就不详细介绍了,从创建小程序,到开发、提审官网有详尽的文档和示例。参见阿里云Serverelss关于小程序开发流程的指导文档。2.添加Serverless SDK依赖可以修改package.json,添加依赖{"@alicloud/mpserverless-sdk": “^2.3.2”}。也可以下载Serverless官方Demo,在Demo基础上修改。3.引入Serverless在app.js中引入Serverless全局对象,即可
2021-03-17 15:00:57
986
原创 Vue里如何实现excel转json的功能
前言:因为做微信小程序云开发,在云开发导入数据需要json格式的,然鹅我们市场部的小姐姐给我的文档是excel文件,导致我需要去手动录入,后来在网上搜了下。有通过复制excel文件内容粘贴后生成的:http://www.jsonla.com/excel2json/有通过上传excel文件后生成的json文件下载却需要付费的:http://www.yzcopen.com/doc/exceljson搞得那么难受不如自己写一个,效果图如下:使用地址:https://test-mars.qtshe.c
2021-03-17 14:56:29
2655
12
原创 移动端如何解决video层级最高的问题
在多次调试video的过程中发现了 一些小的优化方案和技巧。通常我们使用video标签的时候,video因为是系统原生组件层级最高,导致我们无法将自己写的弹窗等盖在video标签上。微信里可通过以下方案解决:腾讯用的基本都是x5内核,所以在腾讯系的app webview里使用该方法 都能解决层级问题。<video ref="video" class="video-js vjs-default-skin vjs-big-play-centered" poster="https://qiniu-im
2021-03-17 14:53:56
5213
5
原创 如何在微信小程序内实现骨架屏效果
首先了解下什么是骨架屏?骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构,直到请求数据返回后再渲染页面,补充进需要显示的数据内容。常用于文章列表、动态列表页等相对比较规则的列表页面。 很多项目中都有应用饿了么h5版本,知乎,facebook等网站中都有应用。以下图举例,常用饿了么的童鞋,应该看到过饿了么的这个首页预加载图的效果:饿了么h5实现方案咱们来聊聊小程序的实现方案:1...
2019-11-19 14:12:01
1994
原创 支付宝小程序中如何开发营销组件
#####运营:刚刚提了个活动需求,咱们还需要拉新,最近用户注册比有下降呀。#####产品:为了跟用户有互动,表现形式咱们就用“老虎机”吧,网上demo那么多随便拷拷就能用的吧。#####开发:要不你来做~ ????闲话不多说,咱们进入正题吧。了解到要做的活动表现形式为老虎机,首先当然是google,百度跑跑找找demo,看下人家是怎么实现的。网上老虎机的插件挺多的,实现原理也各不一样。这里...
2019-09-26 21:17:54
756
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人