微信小程序雪花背景(动态)

妙妙6

于 2022-11-26 22:03:03 发布

阅读量1.8k

点赞数 2

分类专栏：微信小程序文章标签：微信小程序

本文链接：https://blog.csdn.net/weixin_64097025/article/details/128057961

版权

效果：效果为动态

一：wxml片段

<scroll-view scroll-y="true">
  <!-- 页面内容 -->
</scroll-view>
<view>
  <image wx:for="{
  {snows}}" wx:key="index" src="/img/snow.png" style="left:{
  {snows[index]}}rpx" animation="{
  {animation[index]}}" class='snow' data-index='{
  {index}}' />
</view>

二：JS片段

// pages/snows/snows.js
var i = 0;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    snows: [],
    animation: [],
    dateTime: "",
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    this

最低0.47元/天解锁文章