wechat miniprogram dialog

wechat-минипрограмма-диалог

характеристика

• Имитируйте официальный стиль всплывающего окна.
• Поддержка настройки модальной прозрачности
• Поддержка получения Формида
• Поддержка открытия функции открытия WeChat

скачать

git clone https://github.com/simsir-lin/wechat-miniprogram-dialog.git

ДЕМО

1. Откройте инструмент веб-разработчика WeChat «Проект локальной мини-программы — Добавить проект» и выберите каталог проекта в качестве каталога miniprogram_dev.

использовать

1. Установить

npm install --save wechat-miniprogram-dialog

2. При каждом внедрении или обновлении сначала необходимо выполнить сборку npm инструментов разработчика, официальная документация WeChat по npm.
3. Добавьте на свою страницу json

 {
  "usingComponents" : {
    "dialog" : "wechat-miniprogram-dialog"
  }
}

4. Компоненты можно использовать в wxml.

 < dialog > </ dialog >

Отладка и разработка

1. Откройте инструмент веб-разработчика WeChat «Проект локальной мини-программы — Добавить проект» и выберите каталог проекта в качестве каталога miniprogram_dev.
2. Установить зависимости npm install
3. Команда сборки npm run dev
4. Для получения дополнительной справочной информации просмотрите справочную документацию.

Уведомление

• Базовая библиотека мини-программы версии 2.2.1 или выше и инструменты разработчика версии 1.02.1808300 или выше.

Реквизит

имя	описание	тип	значение по умолчанию
заголовок	заголовок	Нить	намекать
ширина	ширина	Нить	650рпх
непрозрачность	Прозрачность модального слоя	Число	0,4
closeOnClickModal	Можно ли закрыть всплывающее окно, нажав на модальный слой?	логическое значение	ЛОЖЬ
анимация	Включить анимацию	логическое значение	истинный
подтвердить текст	Текст кнопки ОК	Нить	Конечно
отменитьтекст	Текст кнопки отмены	Нить	Отмена
Подтвердить цвет	Определить цвет текста кнопки	Нить	#333333(поддержка RGBA)
отменитьЦвет	Цвет текста кнопки отмены	Нить	#999999(поддержка RGBA)
показатьПодтвердить	Отображать ли кнопку ОК	логическое значение	истинный
показатьОтмена	Отображать ли кнопку отмены	логическое значение	истинный
ПодтвердитьЦвет фона	Определить цвет фона кнопки	Нить	#ffffff(поддерживает RGBA)
отменитьФонЦвет	Цвет фона кнопки отмены	Нить	#ffffff(поддерживает RGBA)
подтвердитьOpenType	Чтобы определить возможности открытия кнопки WeChat, обратитесь к https://developers.weixin.qq.com/miniprogram/dev/comComponent/button.html.	Нить
отменитьOpenType	Чтобы отменить кнопку открытия WeChat, перейдите по ссылке https://developers.weixin.qq.com/miniprogram/dev/comComponent/button.html.	Нить
загрузка	Проверьте, есть ли на кнопке подтверждения значок загрузки.	логическое значение	истинный
собратьFormId	Собирать ли formId	логическое значение	истинный
appParameter	При открытии приложения параметры, передаваемые в приложение, действительны, если *-open-type="launchApp"	Нить
sessionFrom	Источник сеанса, действителен, если *-open-type="contact"	Нить
позиция	Положение, включая центр, верх, низ	Нить	центр

события

имя	описание	параметры
открыть	когда окно откроется
закрывать	когда окно закрыто
отмена	Нажмите «Отмена».
подтверждать	Нажмите, чтобы подтвердить
получитьформид	Стань грозным	event.detail.formId
получить информацию пользователя	При нажатии кнопки будет возвращена полученная информация о пользователе, действительная при *-open-type="getUserInfo"	событие.деталь
контакт	Обратный вызов сообщения службы поддержки клиентов, действителен, если *-open-type="contact"
получить номер телефона	Обратный вызов для получения номера мобильного телефона пользователя, действителен, если *-open-type="getPhoneNumber"	событие.деталь
открытая установка	Вызывается после открытия страницы настроек авторизации, действует при *-open-type="openSetting"
приложение для запуска	Обратный вызов для успешного открытия приложения, действителен, если *-open-type="launchApp"

способствовать

Если у вас есть хорошие комментарии или предложения, пожалуйста, не стесняйтесь задать мне этот вопрос!