scroll-view里面的image进行模糊处理(blur),滑动后图片会无法显示?
发布于 7 年前 作者 nsun 6401 次浏览 来自 问答

scroll-view 里面有一个iamge的列表,对该image进行模糊处理,开始是显示的一旦滑动后再滑回来就不再显示。

代码大致如下:

<scroll-view scroll-x="true" style="width: 100%">

<view class="c-tab-container">

<block wx:for="{{tabList}}">

<view class="container-tab-title">

<view class="c-tab-title" bindtap="tabTitleClick" data-id="{{item.id1}}" data-typeName="{{item.title1}}" data-target="{{item.target1}}">

<image class="img-title" src="{{item.img1}}"></image>

<view class="tab-title">{{item.title1}}</view>

</view>

</view>

</block>

</view>

</scroll-view>


.img-title{

width: 106rpx;

height: 106rpx;

border-radius: 53rpx;

filter: blur(5rpx);

}


1 回复

麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

回到顶部