|
| 1 | +<div align="center"> |
| 2 | + |
| 3 | +<img src="https://cdn.jsdelivr.net/gh/easy-temps/easy-static/cover.png" alt="cover" /> |
| 4 | + |
1 | 5 | <h1 align="center">vue3-varlet-mobile</h1> |
2 | 6 |
|
3 | | -<p align='center'> |
4 | | - <a href="https://vue3-varlet-mobile.netlify.app">Live Demo</a> |
5 | | -</p> |
| 7 | +English / [简体中文](./README.zh-CN.md) |
6 | 8 |
|
7 | | -<p align="center"> |
8 | | - An mobile web apps template based on the Vue 3 ecosystem |
9 | | -</p> |
| 9 | +An mobile web apps template based on the Vue 3 ecosystem. |
| 10 | + |
| 11 | +一个基于 Vue 3 生态系统的移动 web 应用模板，帮助你快速完成业务开发。 |
10 | 12 |
|
11 | 13 | <p align="center"> |
12 | | - <img src="https://img.shields.io/github/license/easy-temps/vue3-varlet-mobile" alt="license" /> |
13 | | - <img src="https://img.shields.io/github/package-json/v/easy-temps/vue3-varlet-mobile" alt="version" /> |
14 | | - <img src="https://img.shields.io/github/repo-size/easy-temps/vue3-varlet-mobile" alt="repo-size" /> |
15 | | - <img src="https://img.shields.io/github/languages/top/easy-temps/vue3-varlet-mobile" alt="languages" /> |
16 | | - <img src="https://img.shields.io/github/issues-closed/easy-temps/vue3-varlet-mobile" alt="issues" /> |
| 14 | +<img src="https://img.shields.io/github/license/easy-temps/vue3-varlet-mobile" alt="license" /> |
| 15 | +<img src="https://img.shields.io/github/package-json/v/easy-temps/vue3-varlet-mobile" alt="version" /> |
| 16 | +<img src="https://img.shields.io/github/repo-size/easy-temps/vue3-varlet-mobile" alt="repo-size" /> |
| 17 | +<img src="https://img.shields.io/github/languages/top/easy-temps/vue3-varlet-mobile" alt="languages" /> |
| 18 | +<img src="https://img.shields.io/github/issues-closed/easy-temps/vue3-varlet-mobile" alt="issues" /> |
17 | 19 | </p> |
18 | 20 |
|
19 | | -<br> |
| 21 | +[文档](https://easy-temps.github.io/easy-docs/vue3-varlet-mobile/) / [反馈](https://github.com/easy-temps/vue3-varlet-mobile/issues) |
20 | 22 |
|
21 | | -<p align='center'> |
22 | | -<b>English</b> / <a href="https://github.com/easy-temps/vue3-varlet-mobile/blob/main/README.zh-CN.md">简体中文</a> |
23 | | -</p> |
| 23 | +<a href="https://vue3-varlet-mobile.netlify.app">Live Demo</a> |
| 24 | + |
| 25 | +[](https://app.netlify.com/sites/vue3-varlet-mobile/deploys) |
| 26 | + |
| 27 | +</div> |
24 | 28 |
|
25 | 29 | <br> |
26 | 30 |
|
|
52 | 56 |
|
53 | 57 | - 🌈 Git [hooks](./.husky) - lint and commit |
54 | 58 |
|
55 | | -- 🪶 [varlet](https://github.com/varletjs/varlet) - Vue UI library for mobile web apps |
| 59 | +- 🪶 [Varlet](https://github.com/varletjs/varlet) - Material design mobile component library developed based on Vue3 |
56 | 60 |
|
57 | 61 | - 🔭 [vConsole](https://github.com/vadxq/vite-plugin-vconsole) - the developer tool for mobile web page |
58 | 62 |
|
59 | | -- 📱 Browser adaptation - use viewport vmin/vh units |
60 | | - |
61 | | -- 💻 [Desktop optimization](https://github.com/wswmsword/postcss-mobile-forever) - the mobile area |
| 63 | +- 📱 [Browser Adaptation](https://github.com/wswmsword/postcss-mobile-forever) - use viewport vw/vh units |
62 | 64 |
|
63 | 65 | - 🌓 Dark Mode Support |
64 | 66 |
|
|
75 | 77 | - [UnoCSS](https://github.com/antfu/unocss) - The instant on-demand atomic CSS engine |
76 | 78 | - [`@unocss/preset-rem-to-px`](https://github.com/unocss/unocss/tree/main/packages/preset-rem-to-px) - Converts rem to px for all utilities |
77 | 79 | - [`eslint-plugin-unocss`](https://github.com/devunt/eslint-plugin-unocss) - ESLint plugin for UnoCSS |
78 | | -- [varlet](https://github.com/varletjs/varlet) - Vue UI library for mobile web apps |
79 | | - - [`varlet/touch-emulator`](https://github.com/varletjs/varlet/tree/dev/packages/varlet-touch-emulator) - Simulate mobile touch events on the desktop |
| 80 | +- [Varlet](https://github.com/varletjs/varlet) - Material design mobile component library developed based on Vue3 |
| 81 | + - [`@varlet/touch-emulator`](https://github.com/varletjs/varlet/tree/dev/packages/varlet-touch-emulator) - Simulate mobile touch events on the desktop |
| 82 | + - [`@varlet/preset-unocss`](https://github.com/varletjs/varlet/tree/dev/packages/varlet-preset-unocss) - CSS atomic framework presets |
80 | 83 |
|
81 | 84 | ### Plugins |
82 | 85 |
|
|
113 | 116 | - [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) - Vue 3 `<script setup>` IDE support |
114 | 117 | - [Iconify IntelliSense](https://marketplace.visualstudio.com/items?itemName=antfu.iconify) - Icon inline display and autocomplete |
115 | 118 | - [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) - All in one i18n support |
| 119 | + - [Varlet](https://varlet.pages.dev/#/zh-CN/extension) - Support syntax hints and quick completion for all components |
116 | 120 | - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) |
117 | 121 |
|
118 | 122 | ## Try it now |
@@ -175,23 +179,34 @@ We recommend that [issue](https://github.com/easy-temps/vue3-varlet-mobile/issue |
175 | 179 |
|
176 | 180 | <img style="width: 25%" src="https://cdn.jsdelivr.net/gh/CharleeWa/static/easy-temps.png" alt="community" /> |
177 | 181 |
|
178 | | -## Contributors |
179 | | - |
180 | | -<table> |
181 | | -<tr> |
182 | | - <td align="center"> |
183 | | - <a href="https://github.com/ljt990218"> |
184 | | - <img src="https://avatars.githubusercontent.com/u/50509815?v=4" width="90;" alt="ljt990218"/> |
185 | | - <br /> |
186 | | - <sub><b>ljt990218</b></sub> |
187 | | - </a> |
188 | | - </td> |
189 | | - <td align="center"> |
190 | | - <a href="https://github.com/CharleeWa"> |
191 | | - <img src="https://avatars.githubusercontent.com/u/22477554?s=96&v=4" width="90;" alt="CharleeWa"/> |
192 | | - <br /> |
193 | | - <sub><b>Charlie Wang</b></sub> |
194 | | - </a> |
195 | | - </td> |
196 | | -</tr> |
197 | | -</table> |
| 182 | +## Donation ☕ |
| 183 | + |
| 184 | +[Buy Me a Coffee](https://github.com/CharleeWa/sponsor) |
| 185 | + |
| 186 | +<h2 align="center">💝 Our Sponsors 💝</h2> |
| 187 | + |
| 188 | +<p align="center"> |
| 189 | +Your sponsorship will help us continue to iterate on this exciting project! 🚀 |
| 190 | +</p> |
| 191 | + |
| 192 | +<p align="center"> |
| 193 | +<a href="https://github.com/keyFeng"><img src="https://avatars.githubusercontent.com/u/52267976?v=4" width="60px" alt="keyFeng" /></a> |
| 194 | +<a href="https://github.com/ljt990218"><img src="https://avatars.githubusercontent.com/u/50509815?v=4" width="60px" alt="ljt990218" /></a> |
| 195 | +</p> |
| 196 | + |
| 197 | +<h2 align="center"> |
| 198 | +💪 Contributors 💪 |
| 199 | +</h2> |
| 200 | + |
| 201 | +<p align="center"> |
| 202 | +Our contributors have made this project better. Thank you! 🙏 |
| 203 | +</p> |
| 204 | + |
| 205 | +<p align="center"> |
| 206 | +<a href="https://github.com/CharleeWa"><img src="https://avatars.githubusercontent.com/u/22477554?v=4" width="60px" alt="CharleeWa" /></a> |
| 207 | +<a href="https://github.com/ljt990218"><img src="https://avatars.githubusercontent.com/u/50509815?v=4" width="60px" alt="ljt990218" /></a> |
| 208 | +</p> |
| 209 | + |
| 210 | +## License |
| 211 | + |
| 212 | +[MIT](./LICENSE) License |
0 commit comments