问题:
1.uniapp去掉顶部导航栏后计算手机安全区距离
2.模糊背景的局部清晰
3.去除overflow: auto;带来的滚动条(没有滚动条也可以滚动)
4.监测页面滑动使用的方法
5.data中存储的数据在css中使用
6.背景颜色渐变
7.实现动态背景模糊效果
解决:
1.uniapp去掉顶部导航栏后计算手机安全区距离
var(--status-bar-height) ;
uniapp自带可以计算手机设备安全区的代码,使用 var(--status-bar-height) ; 便可直接获取
padding-top: var(--status-bar-height) ;//给组件加个上边距
2.模糊背景的局部清晰
background: inherit;
使用background: inherit; css语句通过继承就可以实现
<body> <div class="father"> <div class="son">Background</div> </div> </body>
<style>
.father {
width: 800px;
height: 800px;
position: relative;
background: url("../img/7.jpg") no-repeat fixed;
padding: 1px;