如何让微信卡死🙄️
发布于 5 年前 作者 htao 2622 次浏览 来自 分享

使用css绘制一个烟花动画,当你创建的动画元素越多,微信越容易卡死。😁

这边搞了个骚操作。

使用wxss绘制了个烟花效果。

<view class="container">
  <view class="camera -x">
    <view class="camera -y">
      <view class="camera -z">
        <view class="fireworks">
          <view class="line">
            <view class="spark">
              <view class="fire"></view>
            </view>
          </view>
          <view class="line" wx:for="{{30}}" wx:key="*this">
            <view class="spark">
              <view class="fire"></view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>

wxss太多就不放了,最后代码片段里自取。

我这边循环了30个元素,效果如上图,当你把元素值设置为200+微信将会卡死。。
https://developers.weixin.qq.com/s/xcJdoMmW7lh3

1 回复
回到顶部