Background

Due to business requirements, it is necessary to implement a handwriting signature component on the DingTalk mini program. After referring to the method of implementing a handwriting signature in WeChat mini programs online and considering our own actual needs, we have packaged it into a popup dialog style, while also referring to the handwriting signature style in DingTalk approval. The dependencies used include the mini-ali-ui popup and button components, as well as a local icon.

Prefacio

Recientemente he completado una pequeña aplicación de distribución de contenido, cuya función principal es proporcionar la edición, carga y comentarios de los artículos (además de la cuenta pública). Para esto, se utilizó el framework mpvue y vant-weapp. Elegí este framework porque es el que mejor conozco y, dado que el proyecto tenía prisa, aunque había investigado sobre uniapp, no lo había utilizado antes y requeriría tiempo para aprenderlo y evitar problemas. Por lo tanto, finalmente decidí utilizar este framework tecnológico como base para esta pequeña aplicación. Dado que nunca había trabajado antes con este tipo de aplicación, me encontré con algunos problemas con componentes poco comunes de WeChat.

Introducción

Aunque ya estamos en el año 2020, el uso de mpvue puede que ya no esté a la vanguardia. Sin embargo, todavía considero que mpvue es el framework que más se acerca a la forma de escribir en Vue para el desarrollo de la parte frontal de las miniaplicaciones. Además, según mi experiencia, aunque no se ha actualizado en dos años, no hay problemas graves al utilizar mpvue para desarrollar la parte frontal de las miniaplicaciones, siempre y cuando el framework principal de las miniaplicaciones no sufra cambios importantes.

Background

Como DingTalk no tiene un componente de selección de picker similar a vant-weapp, decidí crear uno propio. Utiliza los componentes de popup y button de mini-ali-ui. También utiliza el picker-view nativo.

2020-10

1. En DingTalk, no se admite el uso de la etiqueta   para agregar espacios en blanco en el texto. En su lugar, utiliza espacios en blanco de ancho completo en chino {{' '}}.
2. El método dd.switchTab en DingTalk tiene problemas, no muestra errores ni advertencias. La solución actual es utilizar dd.reLaunch.
3. En DingTalk (y Alipay, no probado), el componente <swiper> solo puede contener componentes <swiper-item>. Si envuelves los componentes <swiper-item> con view, es posible que no se muestren correctamente.