收藏
回答

scroll-view里面的image进行模糊处理(blur),滑动后图片会无法显示?

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 个回答

登录 后发表内容
问题标签