摘要：
直接使用阿里巴巴的网络路径选择iconfont图标 官网：阿里巴巴矢量字体库 步骤：阿里巴巴字体库使用方法全局引入app.wxss@font-face { font-family: 'iconfont'; /* project id 518032 ... 阅读全文
posted @ 2017-12-22 14:37
Newman·Li
阅读(1001)
评论(0)
推荐(0)
摘要：
DEMO下载效果展示图实现的原理 ‘当前选择机场’和右侧的导航栏采用的是固定定位； 左侧的展示窗口的滚动采用的是scroll-view组件； 选择中的字母提示是自己WXSS样式制作。 WXML {{item.code}} ... 阅读全文
posted @ 2017-12-21 17:11
Newman·Li
阅读(1031)
评论(0)
推荐(1)
摘要：
导航栏透明渐变效果实现原理 给page-group设置的背景颜色采用rgba; 通过改变rgba其中a的值来实现透明渐变。 WXML 0.9 ? 0.9 : scrollTop / 400}});"> 首页 活动... 阅读全文
posted @ 2017-12-20 16:24
Newman·Li
阅读(1040)
评论(0)
推荐(0)
摘要：
DEMO下载导航栏透明渐变效果实现原理 利用position:absolute在导航下定位一个view作为背景渐变使用; 通过改变改view的opacity来实现透明渐变。 WXML 0.9 ? 0.9 : scrollTo... 阅读全文
posted @ 2017-12-20 15:49
Newman·Li
阅读(2802)
评论(0)
推荐(0)
摘要：
DEMO下载实现的效果实现的原理 通过对scroll的监听获取滚动条的scrollTop值; 在导航的class判断scrollTop; 切换position:fixed与position:relative。 WXML {{... 阅读全文
posted @ 2017-12-20 11:42
Newman·Li
阅读(3044)
评论(0)
推荐(0)
摘要：
实现的目标MUI的off canvas效果 点击列表 —- 右侧展示页面不动，左侧导航滑动 —- 点击右侧遮罩层或者左侧选项 —- 左侧还原，右侧去掉遮罩层实现方案2：左右分上下两层，左侧滑动，右侧不动WXML {{item}} ... 阅读全文
posted @ 2017-12-19 16:00
Newman·Li
阅读(1289)
评论(0)
推荐(0)
摘要：
DEMO下载实现的目标—-YDUI的Popup组件 点击列表图标—-左侧的菜单栏显示—-点击关闭按钮或者右侧的遮罩层—-左侧菜单栏关闭实现方案1：左侧菜单和右侧展示页面分为上下两层wxml ... 阅读全文
posted @ 2017-12-19 14:17
Newman·Li
阅读(2847)
评论(0)
推荐(0)
摘要：
DEMO下载 先上效果图： wxml ... 阅读全文
posted @ 2017-12-18 17:17
Newman·Li
阅读(780)
评论(0)
推荐(0)
摘要：
页面生命周期函数onLoad—-监听页面加载onReady—-监听页面初次渲染完成onShow—-监听页面显示onHide—-监听页面隐藏onUnload—-监听页面卸载Page({ /** * 页面的初始数据 */ data: { ban... 阅读全文
posted @ 2017-12-18 16:58
Newman·Li
阅读(730)
评论(0)
推荐(0)
摘要：
App生命周期onLaunch—-当小程序初始化完成时，会触发 onLaunch（全局只触发一次）onShow —-当小程序启动，或从后台进入前台显示，会触发 onShowonHide —-当小程序从前台进入后台，会触发 onHideonError... 阅读全文
posted @ 2017-12-18 16:12
Newman·Li
阅读(154)
评论(0)
推荐(0)
浙公网安备 33010602011771号