本文实例讲述了微信小程序MUI导航栏透明渐变功能。分享给大家供大家参考,具体如下:
成都创新互联专业提供成都主机托管四川主机托管成都服务器托管四川服务器托管,支持按月付款!我们的承诺:贵族品质、平民价格,机房位于中国电信/网通/移动机房,绵阳服务器托管服务有保障!导航栏透明渐变效果
实现原理
1. 利用position:absolute
在导航下定位一个view作为背景渐变使用;
2. 通过改变改view的opacity来实现透明渐变。
WXML
首页 活动 菜单 我的 banner goods-list1 goods-list2 goods-list3 goods-list4