做一个微信小程序实现分别点击3张竖向排列的图片跳转至3个网页，给出各个部分的完整代码

要做一个微信小程序，实现点击三张竖向排列的图片跳转到对应的三个网页，首先你需要创建一个包含三个`image`标签的页面结构，并为其添加对应的点击事件。这里是一个简单的示例，包括WXML、WXSS和JavaScript部分的代码：

**WXML（微信小程序文件）:**

<!-- app.wxml -->
<view class="container">
  <swiper style="height: 200rpx;">
    <swiper-item>
      <image src="{{item.src}}" bindtap="goToPage1" mode="aspectFill"></image>
    </swiper-item>
    <!-- 添加其他两张图片类似 -->
    <swiper-item>
      <image src="{{item2.src}}" bindtap="goToPage2" mode="aspectFill"></image>
    </ swiper-item>
    <swiper-item>
      <image src="{{item3.src}}" bindtap="goToPage3" mode="aspectFill"></image>
    </swiper-item>
  </swiper>
</view>

**WXSS (微信小程序样式表):**

.container {
  display: flex;
  justify-content: space-between;
}

.swiper {
  height: 200rpx;
  overflow: hidden;
}

**JavaScript (微信小程序脚本):**

// app.js
Page({
  data: {
    item: { src: 'path_to_page1.jpg' },
    item2: { src: 'path_to_page2.jpg' },
    item3: { src: 'path_to_page3.jpg' },
  },

  goToPage1: function(e) {
    wx.navigateTo({
      url: 'page1/index',
    });
  },
  goToPage2: function(e) {
    wx.navigateTo({
      url: 'page2/index',
    });
  },
  goToPage3: function(e) {
    wx.navigateTo({
      url: 'page3/index',
    });
  },
});

在这个例子中，`item`, `item2`, 和 `item3` 对应着三张图片，每个图片的点击事件 (`bindtap`) 调用了 `goToPage1`, `goToPage2`, 或者 `goToPage3` 函数，它们会通过 `wx.navigateTo` 方法跳转到对应的页面。

注意替换 `src` 属性值为实际图片路径，并且需要为每个页面创建单独的 `index.wxss` 和 `index.js` 文件。