MiniProgramCustomKeyboard

Введение

Мини-программа WeChat — клавиатура для ввода автомобильного номера с поддержкой обычных синих номеров и новых зелёных номеров для электромобилей. Поле для ввода номера автоматически перемещается, позволяя вводить номер в любом порядке.

Функционал компонентов

• custom-keyboar: события и методы, которые компонент клавиатуры предоставляет внешнему миру.
  • Событие click: при нажатии на клавишу выдаёт её содержимое.
  • Событие delete: срабатывает при нажатии клавиши Backspace.
  • Метод show: отображает клавиатуру (SlideUp).
  • Метод hide: скрывает клавиатуру (SlideDown).
• custom-car-number-input: события и методы, предоставляемые внешним пользователям компонентом поля для ввода автомобильного номера.
  • Событие focus: когда поле получает фокус, выдаёт индекс текущего поля.
  • Метод change: изменяет содержимое поля. Параметр имеет следующий тип:

    {
      value: String,  // новое содержимое
      index: Number,  // индекс целевого поля
      remove: Boolean // true, если это операция удаления (Backspace)
    }

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

1. Импортируйте компоненты custom-keyboar и custom-car-number-input на страницу или глобально.
2. Импортируйте эти компоненты на страницу.
3. Укажите идентификаторы компонентов и функции прослушивания событий.
4. Получите экземпляр компонента и вызовите его внутренние методы.

Скриншоты функций