微信小程序进入页面，根据图片列表，随机显示图片

首先，你需要在小程序页面中获取图片列表，并从中随机选择一张图片。可以使用wx.request()请求接口获取列表数据，或者在小程序端使用wx.getStorageSync()获取本地存储的图片列表数据。

接着，你可以使用Math.random()函数生成一个随机数，根据随机数选择一张图片进行展示。代码如下：

Page({
  data: {
    imageList: [], // 图片列表
    randomImage: '' // 随机图片
  },

  onLoad: function () {
    // 获取图片列表
    this.setData({
      imageList: wx.getStorageSync('imageList')
    });
    // 随机选择一张图片
    let randomIndex = Math.floor(Math.random() * this.data.imageList.length);
    this.setData({
      randomImage: this.data.imageList[randomIndex]
    });
  }
})

最后，在小程序页面中展示随机图片即可。

相关问题

使用微信小程序制作一个随机抽取奖

好的，下面是一个简单的随机抽取奖的微信小程序实现思路：

1. 在小程序页面上设计一个奖品列表，包括奖品名称和奖品图片。可以使用 `scroll-view` 组件实现滚动列表。

2. 在页面上添加一个“抽奖”按钮，点击按钮后触发抽奖动作。

3. 在小程序的逻辑层（即 JS 文件）中，定义一个数组，存储所有的奖品。

4. 点击“抽奖”按钮后，触发事件处理函数，在函数中使用 `Math.random()` 方法生成一个随机数，然后根据随机数在奖品数组中找到对应的奖品。

5. 将抽中的奖品信息展示在页面上，包括奖品名称和奖品图片。

下面是一个简单的代码实现示例：

1. 在 wxml 文件中添加奖品列表和抽奖按钮：

<scroll-view class="prize-list">
  <view wx:for="{{prizes}}" wx:key="{{index}}">
    <image src="{{item.image}}"></image>
    <text>{{item.name}}</text>
  </view>
</scroll-view>

<button class="btn" bindtap="onLottery">抽奖</button>

2. 在 js 文件中定义奖品数组和抽奖事件处理函数：

Page({
  data: {
    prizes: [
      {
        name: '一等奖',
        image: 'https://example.com/prize1.jpg'
      },
      {
        name: '二等奖',
        image: 'https://example.com/prize2.jpg'
      },
      {
        name: '三等奖',
        image: 'https://example.com/prize3.jpg'
      }
    ],
    result: {}
  },

  onLottery: function () {
    // 生成随机数
    var index = Math.floor(Math.random() * this.data.prizes.length);
    // 获取抽中的奖品信息
    var prize = this.data.prizes[index];
    // 更新页面数据
    this.setData({
      result: prize
    });
  }
})

3. 在 wxss 文件中定义样式：

.prize-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10rpx;
}

.prize-list image {
  width: 100rpx;
  height: 100rpx;
}

.prize-list text {
  margin-top: 10rpx;
  font-size: 28rpx;
  text-align: center;
}

.btn {
  display: block;
  width: 80%;
  margin: 30rpx auto 0;
  padding: 20rpx;
  font-size: 32rpx;
  background-color: #007aff;
  color: #fff;
  border-radius: 10rpx;
  text-align: center;
}

这样，一个简单的随机抽取奖的微信小程序就完成了。用户点击“抽奖”按钮后，程序会随机抽取一个奖品并展示在页面上。