在uni-app中如何实现加载超长图片

在uni-app中实现加载超长图片可以使用 `uni.scaleImage` 方法，该方法可以将图片等比例缩放，并返回缩放后的图片信息。以下是一个简单的示例代码：

<template>
  <view class="container">
    <image :src="imageSrc" :style="{ height: imageHeight + 'px' }"></image>
  </view>
</template>

<script>
export default {
  data() {
    return {
      imageSrc: '/static/long-image.jpg', // 超长图片的路径
      imageWidth: 0, // 图片的宽度
      imageHeight: 0, // 图片的高度
    }
  },
  mounted() {
    this.loadImage()
  },
  methods: {
    loadImage() {
      // 获取屏幕宽度
      const screenWidth = uni.getSystemInfoSync().screenWidth
      // 加载图片并获取图片信息
      uni.getImageInfo({
        src: this.imageSrc,
        success: (res) => {
          // 计算图片高度
          const { width, height } = uni.scaleImage({
            src: res.path,
            width: screenWidth,
            height: res.height,
          })
          this.imageWidth = width
          this.imageHeight = height
        },
      })
    },
  },
}
</script>

在上面的代码中，我们首先使用 `uni.getImageInfo` 方法获取图片信息，然后通过 `uni.scaleImage` 方法计算出等比例缩放后的图片高度，并将其设置为 `imageHeight` 的值，最终在模板中将 `imageHeight` 应用到图片的样式中。这样就可以在 uni-app 中实现加载超长图片了。