技术概述 需求是实现一个包含三种状态,分别是底部、半屏、全屏的浮层,并且浮层支持用户随意拖动,同时还要防止用户过度拖动。技术难点在于对动画的控制,必须得有一定的过渡动画否则整体会很突兀。 技术详述 首先看一下预期的样子,图为ios自带高德地图的底部浮层。 最开始的动画 ...
技术概述 需求是实现一个包含三种状态,分别是底部、半屏、全屏的浮层,并且浮层支持用户随意拖动,同时还要防止用户过度拖动。技术难点在于对动画的控制,必须得有一定的过渡动画否则整体会很突兀。 技术详述 首先看一下预期的样子,图为ios自带高德地图的底部浮层。 最开始的动画 ...
基本目录结构 index目录下文件操作步骤 1.针对index.wxml View Code 代码 ...
1.消息提示 wx.showToast wx.showToast({ title: '成功', icon: 'success', duration: 2000 })2. ...
小程序官方API:https://developers.weixin.qq.com/miniprogram/dev/component/image.html 1:加载本地文件夹图片 2:加载服务器图片 wxml: js ...
需要的可以下载示例:maskalert ...
简单小程序自身提供了相应的方法: 1. catchtap:和bindtap相对应,catchtap有着阻止事件冒泡的作用; 2. catchtouchmove:阻止浮层欢动穿透到页面上,这里用到了scroll-view就顺带提一下,这是小程序组件视图容器,表示可滚动视图 ...
一:微信小程序跳转 使用限制 需要用户触发跳转 从 2.3.0 版本开始,若用户未点击小程序页面任意位置,则开发者将无法调用此接口自动跳转至其他小程序。 需要用户确认跳转 从 2.3.0 版本开始,在跳转至其他小程序前,将统一增加弹窗,询问是否跳转,用户确认后才可以跳转其他小程序 ...
对于网上商城,加入购物车是一个必备功能了。俺今天就来说下在微信小程序里如何造一个购物车弹层。 先上图: 主要用到的微信API:wx.createAnimation(OBJECT) 说下思路: 1.wxml文件里将页面布局好,我的布局如下图: 大概的框架代码 ...