docs: update readme.md 📝

Author: cwandev

README.md

@@ -1,3 +1,81 @@
-# vue3-vant-mobile
+<p align="center">
+    <img alt="logo" src="https://opens-1308879050.cos.ap-beijing.myqcloud.com/vvm/logo.png" width="120" height="120" style="margin-bottom: 10px;">
+</p>
 
-🔥🔥🔥 基于Vue3、TypeScript、Vite、Pinia、Vant3 构建的移动APP基础架子
+<h1 align="center">Vue3-Vant-Mobile</h1>
+
+<p align="center">Mobile Template built on Vue3、Vant4、Vite2、Pinia2、TypeScript </p>
+
+<p align="center">
+  <img src="https://img.shields.io/github/license/CharleeWa/vue3-vant-mobile" alt="license" />
+  <img src="https://img.shields.io/github/package-json/v/CharleeWa/vue3-vant-mobile" alt="version" />
+  <img src="https://img.shields.io/github/repo-size/CharleeWa/vue3-vant-mobile" alt="repo-size" />
+  <img src="https://img.shields.io/github/languages/top/CharleeWa/vue3-vant-mobile" alt="languages" />
+  <img src="https://img.shields.io/github/issues-closed/CharleeWa/vue3-vant-mobile" alt="issues" />
+</p>
+
+## Introduction
+
+🔥🔥🔥 Vue3 Vant Mobile based on `Vue3`, `Vant4`, `Vite2`, `Pinia2`, `TypeScript`; 🚀🚀🚀 Integrate `Plop` to generate any type of code block, integrate `Dark Mode` (Dark) configuration, integrate `Mock` data, and other handy extensions. 💖💖💖 In short, clean, simple, easy to use, reference, can save you a week of development time, hope you like it.
+
+
+## Preparation
+
+- [Vite](https://cn.vitejs.dev/) - Familiar with vite features
+- [Vue3](https://v3.vuejs.org/) - Familiar with Vue3 basic syntax
+- [Vant4](https://youzan.github.io/vant/v4/#/zh-CN) - Familiar with the basic use of `Vant4`
+- [Pinia](https://pinia.vuejs.org/) - Familiar with the basic use of `Pinia`
+- [TypeScript](https://www.typescriptlang.org/) - Familiar with the basic syntax of `TypeScript`
+- [Vue-Router](https://router.vuejs.org/) - Familiar with the basic use of `Vue-Router`
+
+## Install and use
+
+- Get the project code
+
+```bash
+git clone https://github.com/CharleeWa/vue3-vant-mobile.git
+```
+
+- Installation dependencies
+
+```bash
+cd vue3-vant-mobile
+
+# with yarn
+yarn install
+
+```
+
+- run
+
+```bash
+yarn dev
+```
+
+- build
+
+```bash
+yarn build
+```
+
+## Preview
+
+You can scan the following QR code to access the demo：
+
+<img src="https://opens-1308879050.cos.ap-beijing.myqcloud.com/vvm/preview-qrcode.png" width="220" height="220" >
+
+## Browser Support
+
+Support modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
+| :-: | :-: | :-: | :-: | :-: |
+| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
+
+## Maintainer
+
+[@CharleeWa](https://github.com/CharleeWa)
+
+## LICENSE
+
+[MIT](https://en.wikipedia.org/wiki/MIT_License)