Background

Due to business requirements, it is necessary to implement a handwritten signature component on the DingTalk Mini Program. After referring to the implementation of handwritten signatures in WeChat Mini Programs online and considering our own actual needs, we have wrapped it into a popup dialog style, while also referring to the handwritten signature style in DingTalk's approval process. The dependencies used include the mini-ali-ui popup and button components, as well as a local icon.

Preface

Recently, I completed a mini-program for content distribution. The core functionality includes editing, uploading, and commenting on articles (plus WeChat Official Account). The framework used for this project is mpvue and vant-weapp. I chose this framework because it is the one I am most familiar with. The main reason for this choice is that the project was quite rushed. Although I had previously studied uniapp, I had never used it to write a project. It would take time to learn and troubleshoot, so I ultimately decided to use this technology framework as the foundation for this mini-program. Since I had never worked on this type of mini-program before, I encountered some issues with uncommon WeChat components.

Preface

Although it's almost 2020, using mpvue may seem outdated. However, mpvue is still the framework that I believe is closest to the Vue syntax for developing frontend of mini programs. From my experience, even though it hasn't been updated for two years, there are no major issues when using mpvue to develop the frontend of mini programs, as long as the main framework of mini programs doesn't undergo significant changes.

Background

Since DingTalk does not have a ready-made picker selection component similar to vant-weapp, I plan to encapsulate one myself. The dependencies used are the popup and button components of mini-ali-ui. The native picker-view is used.

2020-10

1. DingTalk does not support the use of   in the text tag. Please replace the spaces with Chinese full-width spaces {{' '}}.
2. The dd.switchTab method in DingTalk has some issues. It neither throws an error nor provides any prompts. The current solution is to use dd.reLaunch instead.
3. In DingTalk (and Alipay, not tested), the <swiper> component can only contain <swiper-item> components. Wrapping <swiper-item> components with a view may cause display issues.