实现思路 模态对话框之所以被叫做“模态”,就是因为在它弹出的时候,用户如果不关闭这个对话框,是无法对其他窗口进行操作的。那么这样一来,我们的思路就很明确了: 1. 构建一个蒙层(mask),使得背 ...
在Page顶部下滑一个提示条 , 代码见 mixins UIComponent.js ,其中的self 可以认为是微信小程序的Page对象 效果: 默认 秒展示,上移动画隐藏 ...
2017-11-28 17:52 0 1933 推荐指数:
实现思路 模态对话框之所以被叫做“模态”,就是因为在它弹出的时候,用户如果不关闭这个对话框,是无法对其他窗口进行操作的。那么这样一来,我们的思路就很明确了: 1. 构建一个蒙层(mask),使得背 ...
今天做了一个小程序实现一个楼层效果 带大家分享下经验和api的使用吧 如图 将左边和右边各分了一个组件 目录如下 其中list页面是这个楼层效果的页面 components是组成这个页面的两个组件 list为列表组件 ...
前言 由于公司计划有变,所以从H5页面改成去小程序写。所以在着手开发小程序。本人也不是什么前端高手,只是一名写后端偶尔写写前端的渣渣。请前端大神们勿喷。 一、什么是微信小程序? 小程序在我的理解中只是高度封装的H5,封装了各种组件。根据官方的说法小程序运行不是在浏览器当中。姑且算是微 ...
效果图: 代码: wxml .js ...
动画效果的实现,使用wx.createAnimation实现。具体实现时,首先,创建动画对象,并设置相关的参数;其次,设置动画类型,并执行动画;第三,导出并设置动画数据;最后,将设置的动画数据动态配置相应的组件,以此实现组件的动画效果。 效果图 代码示例 ...
这次,和大家一起探讨下小程序视频弹幕 一、按照老规矩,先附上gif效果图: 二、接下来看下官方文档API对vide说明 PS:相关属性解析 ...
文字跑马灯效果:http://www.wxapp-union.com/portal.php?mod=view&aid=1038 触摸水波涟漪效果:http://www.wxapp-union.com/portal.php?mod=view&aid=1350 下拉菜单效果:http ...
效果图: wxml代码: wxss代码: js代码: ...