Vue Templates Logo Vue Templates
Mand Mobile screenshot

Mand Mobile

Author Avatar Theme by Didi
Updated: 12 Mar 2024
3475 Stars

A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.

Github Live Preview

Categories

Express Ui kits & component libraries

Overview:

This document provides information about Mand Mobile, a development framework for creating high-performance and highly available cross-terminal applications. It supports the development of Android and iOS applications and is compatible with Vue, TypeScript, and JavaScript. The document includes installation instructions, usage guidelines, and information about contributing to the project.

Features:

  • Template for new project: Provides a template for initializing and integrating Mand Mobile with a new Vue project using Vue CLI 2 or Vue CLI 3.
  • Manually Import: Allows for manually importing specific components of Mand Mobile into the project.
  • Usage: Provides a guide on how to select the necessary components to build a web app using Mand Mobile.
  • Development: Offers instructions on how to set up a development environment and access a local server for testing the app.
  • Contributing: Encourages users to contribute to the project by creating issues or sending pull requests.
  • Community: Provides useful links to other development frameworks, such as Hummer and DoraemonKit, that may be of interest to front-end developers.
  • License: Mand Mobile is licensed under the Apache License 2.0.

Installation:

To install Mand Mobile, follow these steps:

For Vue CLI 2:

  1. Initialize a new project using Vue CLI 2 and the Mand Mobile template.
  2. Integrate Mand Mobile into the project using the vue-cli-plugin-mand.

For Vue CLI 3:

  1. Initialize a new project using Vue CLI 3.
  2. Integrate Mand Mobile into the project using the mand-mobile-template.

Alternatively, you can manually import the Mand Mobile components using Babel or a custom import.

To use Mand Mobile, select the components you need for your web app and follow the Quick Start guide.

During development, you can access your app by opening your browser and visiting http://127.0.0.1:4000. Refer to the Development Guide for more details.

If you’d like to contribute to the project, you can create issues or send pull requests. Please refer to the Contributing Guide for guidelines.

Summary:

Mand Mobile is a development framework that allows for the creation of high-performance and highly available cross-terminal applications. It supports the development of Android and iOS applications and provides templates and integration options for Vue CLI 2 and Vue CLI 3. Users can manually import specific components or select the necessary components for their web app. The project encourages community contributions and is licensed under the Apache License 2.0.