Algunos problemas encontrados al escribir applets de WeChat y sus correspondientes soluciones

(1) Uso hormiga Weapp El total, notificar, etc. en el archivo JS que deben introducirse en el archivo JS no tienen ningún efecto

Al principio, seguí las reglas de Vant, pero no funcionó.
Inserte la descripción de la imagen aquí

import Notify from 'path/to/@vant/weapp/dist/notify/notify';

También cambie la ruta a la ruta de node_modules

import Notify from '../node_modules/@vant/weapp/dist/notify/notify';

Pero no funcionó

Solución

import Notify from '../node_modules/@vant/weapp/dist/notify/notify';

Reemplazar con

import Notify from '../miniprogram_npm/@vant/weapp/notify/notify';
(2) Problemas de estilo

Necesita un cuadro que llene la página del applet y se adapte al tamaño del rpx usado al principio, pero rpx no se puede adaptar al tamaño. Su esencia es 1rpx = 0.5px y no puede cambiar dinámicamente el tamaño.
Solución
Usar vh VW en el
subprograma Aunque px no se puede utilizar, vh vw no se ve afectada..
Renders:
Inserte la descripción de la imagen aquí

(3) Si utiliza el componente de texto enriquecido para mostrar los datos de la imagen de la etiqueta devueltos en segundo plano, la configuración del estilo en wxss no ajustará el ancho de la imagen

Solución
Aunque no debemos cambiar el estilo de los datos de la imagen de la etiqueta,
¿ podemos cambiar el estilo de la etiqueta img en todas las cadenas a estilo en línea?

 this.setData({
    
    
    introduceList:data.data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto"')

  })

Supongo que te gusta

Origin blog.csdn.net/t5_5_5_5_5_7_7/article/details/110351237
Recomendado
Clasificación