Mand-mobile

Мобильная библиотека компонентов пользовательского интерфейса (UI) для разработки приложений, ориентированная на финансовую сферу. Библиотека реализована на Vue.js.

Mand-Mobile

Мобильная библиотека компонентов пользовательского интерфейса (UI), ориентированная на разработку финансовых приложений. Реализована на Vue.js.

align="center"
mand-mobile	Манд мобайл

Mand-Mobile

Мобильная библиотека компонентов UI для разработки финансовых приложений на основе Vue.js.

English | 中文

链接

• Главная страница
• Руководство по разработке
• Журнал обновлений
• Примеры
• Палитра цветов
• Дополнительная информация

Предварительный просмотр

Сканируйте QR-код ниже, чтобы открыть примеры:

Установка и использование

CLI

Vue CLI 2

Создайте новый проект с помощью mand-mobile-template.

vue init mand-mobile/mand-mobile-template my-project

Vue CLI 3

Инициализируйте новый проект Vue CLI 3 с помощью vue-cli-plugin-mand. (По умолчанию поддерживает выборочную загрузку.)

vue create my-project
cd my-project
npm install --save-dev vue-cli-plugin-mand
vue invoke mand

Ручная установка

Установите пакет Mand Mobile в существующий проект вручную.

npm install mand-mobile --save

Импорт

• Используйте babel-plugin-import или ts-import-plugin (рекомендуется).

import { Button } from 'mand-mobile'

• Выборочная загрузка

import Button from 'mand-mobile/lib/button'

• Полная загрузка

import Vue from 'vue'
import mandMobile from 'mand-mobile'
import 'mand-mobile/lib/mand-mobile.css'

Vue.use(mandMobile)

Использование

Выберите необходимые компоненты и начните создавать веб-приложение. Подробнее см. Быстрый старт.

Разработка

git clone git@github.com:didi/mand-mobile.git
cd mand-mobile
npm install
npm run dev

Откройте браузер и перейдите по адресу http://127.0.0.1:4000. Подробнее см. в Руководстве по разработке.

Вклад

Если у вас есть какие-либо вопросы или предложения, пожалуйста, сообщите нам через создание Issue или Pull Request. Сначала ознакомьтесь с Руководством по внесению вклада.

Сообщество

Сертификат

Mand Mobile использует Apache License 2.0, см. сертификат.

Ссылки

• Hummer — это высокопроизводительная и высокодоступная кроссплатформенная среда разработки, которая позволяет разрабатывать приложения для Android и iOS с использованием одного кода. В настоящее время она поддерживает Vue/TypeScript/JavaScript и предназначена для разработчиков больших фронтендов. DoraemonKit (читается как «дораэмон», https://github.com/didi/DoraemonKit) или DoKit — это многофункциональный помощник для разработки клиентских приложений (iOS, Android, мини-программы WeChat). Он станет отличным инструментом для вас.

Chameleon (читается как «камилиэн», https://github.com/didi/chameleon), сокращённо CML — комплексное решение для разных платформ, способное адаптироваться к различным средам. Это позволяет достичь конечной цели: «один код для запуска на многих платформах».