微信小程序
jeffer0323
eholee
展开
-
微信小程序之Material Design——input组件
We-MaterialDesign微信小程序之MaterialDesign– input组件主要通过input输入事件配合css的transform动态改变实现这种效果。 实际调试过程中,input组件bindinput事件触发后回调的detail对象,在模拟器中含有cursor属性,在真机中(测过安卓,ios没测过)却没有该属性,最后选择detail对象中的value属性的值的长度来同步输入的位数原创 2017-01-23 09:47:15 · 1303 阅读 · 0 评论 -
微信小程序之MaterialDesign(二)--view的ripple、reveal效果
ripple: 水涟漪效果 reveal: 揭露效果 ripple: 主要是两个view的叠加,设置最上层view的border-radius为100%,背景设置半透明。最下层view设置点击事件,并记录点击时的绝对坐标与相对坐标,坐标运算之后,同时动态改变最上层view的top与left,即可实现手指点击哪里,最上层view就会出现在那里。 最后实现涟漪,通过对上层view进行放大动原创 2017-01-24 14:17:19 · 1350 阅读 · 0 评论 -
微信小程序之MaterialDesign(三)-- SnackBar
snackbar: 主要用于提醒用户或者轻量级交互,实现原理: 在需要使用snackbar的页面底部添加一个view,对view进行fixed定位且设置z-index为1000,动态show和hide即可 使用:1. 复制utils下snackbar文件夹到自己的项目指定目录下 2. 在需要使用snackbar的页面的.wxml文件中导入snackbar模板 3. 在app.wxss全局样式中导入原创 2017-02-04 12:20:50 · 1818 阅读 · 0 评论