写一个使用uniapp的网络请求获取图片再放到引导页展示的代码

以下是使用uniapp的网络请求获取图片再放到引导页展示的代码：

1. 在 `pages` 目录下新建 `guide` 目录，并在其中新建 `index.vue` 文件。

2. 在 `index.vue` 文件中添加以下代码：

<template>
  <view class="container">
    <swiper class="swiper" :autoplay="true">
      <swiper-item v-for="(item, index) in swiperList" :key="index">
        <image :src="item" class="swiper-img"></image>
      </swiper-item>
    </swiper>
  </view>
</template>

<script>
export default {
  data() {
    return {
      swiperList: []
    };
  },

  mounted() {
    this.getSwiperData();
  },

  methods: {
    getSwiperData() {
      uni.request({
        url: 'https://www.example.com/api/getSwiperData',
        success: res => {
          if (res.statusCode === 200) {
            const data = res.data;
            const swiperList = [];

            data.forEach(item => {
              swiperList.push(item.imageUrl);
            });

            this.swiperList = swiperList;
          }
        },
        fail: err => {
          console.log(err);
        }
      });
    }
  }
};
</script>

<style>
.container {
  width: 100vw;
  height: 100vh;
}

.swiper {
  width: 100vw;
  height: 100vh;
}

.swiper-img {
  width: 100%;
  height: 100%;
}
</style>

3. 在 `getSwiperData` 方法中，通过 `uni.request` 发起网络请求，获取到轮播图数据后，将其放入 `swiperList` 数组中。

4. 在轮播图组件 `swiper` 中，通过 `v-for` 渲染轮播图，并通过 `image` 组件展示图片。

5. 在 `style` 中设置全屏展示样式。