- IOS scroll-view refresher-triggered:true 就无法滚动了
做的企业微信小程序 想用scroll-view 组件实现页面局部列表筛选及下拉加载效果 但是IOS上 下拉加载没问题但是 refresher-enabled:true后就无法滚动了,有没有解决方案呢?安卓试了两个vivo的手机 下拉加载完滚动没问题
2020-05-12 - IOS scroll-view refresher-triggered:true 就无法滚动了
做的企业微信小程序 想用scroll-view 组件实现页面局部列表筛选及下拉加载效果 但是IOS上 下拉加载没问题但是 refresher-enabled:true后就无法滚动了,有没有解决方案呢?安卓试了两个vivo的手机 下拉加载完滚动没问题
2020-05-12 - IOS css动画闪屏
纯css 做的水波纹动画 安卓机上没问题 但是用苹果手机测试 却出现闪屏效果 <view class='recordPart wavePart' bindtap='stopRecord' wx:if="{{recoding == false}}"> <view class='wave wave1'><image src='/images/speaker_icon.png'></image></view> <view class='wave wave2'></view> <view class='wave wave3'></view> <view class='wave wave4'></view> </view> .wavePart { position: relative; } @-webkit-keyframes opac{ from { opacity: .5; width:100%; height:100%; top:50%; left:50%; } to { opacity : 0; width:200%; height:200%; top:50%; left:50%; } } .wave { position: absolute; top: 50%; left: 50%; width:100%; height: 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: var(--main-color); border-radius: 50%; } .wave1 { z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; } .wave2, .wave3, .wave4 { -webkit-animation: opac 3s infinite; } .wave3{ -webkit-animation-delay: 1s; /*border-color: green;*/ } .wave4{ -webkit-animation-delay: 2s; /*border-color: red;*/ } .wave1 image { width: calc(var(--base-size)*76rpx); height: calc(var(--base-size)*111rpx); }
2018-06-28