Пользовательский диалог в WeChat Mini Program

Описание

Пользовательский диалог в WeChat Mini Program, написанный для повседневных проектов, также открыт для использования. Версия 1.0, будет постепенно улучшаться.

Скриншоты

Инструкция по использованию

1. Скопируйте и вставьте папку component/modal.

2. В файле app.json добавьте:

   "usingComponents": {
     "diy-modal": "/component/modal/index"
   }

3. В файле app.js добавьте:

   import diyModal from './component/modal/modal';
   App({
     diyModal: diyModal,
   });

4. В файле page.wxml добавьте:

   <diy-modal class="diy-modal"></diy-modal>

5. В файле page.js добавьте:

   const app = getApp();
   app.diyModal.show({
     title: 'Заголовок',
     content: 'Содержание',
     tip: 'Маленький текст подсказки серого цвета',
     showCancel: false,
     cancelText: 'Отмена',
     confirmText: 'Подтвердить',
     shadeClose: true,
     confirm(e) {
       // Нажатие на "Подтвердить"
     },
     cancel() {
       // Нажатие на "Отмена"
     },
   });
   
   // Скрыть диалог
   app.diyModal.hide()