Subprograma Alipay: ver el panorama general, la función de zoom de la imagen


Requisitos: haga clic en la imagen de detalles del producto para ver una imagen más grande, acerque y aleje, y deslice hacia la izquierda y hacia la derecha para ver la página siguiente

1. Use la función my.previewImage integrada

Sitio web oficial: https://opendocs.alipay.com/mini/api/media/image/my.previewimage

<button type="primary" onTap="bigImg"> Button </button>

bigImg(){
  my.previewImage({
    current: 0, // 初始化展示第几张图片
    urls: [
      'https://img.alicdn.com/tps/TB1sXGYIFXXXXc5XpXXXXXXXXXX.jpg',
      'https://img.alicdn.com/tps/TB1pfG4IFXXXXc6XXXXXXXXXXXX.jpg',
      'https://img.alicdn.com/tps/TB1h9xxIFXXXXbKXXXXXXXXXXXX.jpg'
    ],
  });
}

2. Use el complemento de ampliación de imagen – Pit

Sitio web oficial: https://opendocs.alipay.com/mini/quickexample/image-enlargement
Dificultades: 1. No es compatible con el zoom 2. No se puede cambiar de izquierda a derecha para ver otras imágenes
Para ver ejemplos, consulte el sitio web oficial
inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/u012570307/article/details/121568132
Recomendado
Clasificación