Basic

<p align="center"> <img src="https://fantastic-mobile.hurui.me/logo.png" width="200" height="200" alt="Fantastic-mobile" /> </p> <h1 align="center">Fantastic-mobile</h1> <p align="center">一款<b>自成一派</b>的移动端 H5 框架，基于 Vue3</p> <p align="center"> <a href="https://fantastic-mobile.hurui.me" target="_blank">官网</a> <span>&nbsp;|&nbsp;</span> <a href="https://fantastic-mobile.pages.dev" target="_blank">备用地址</a> <p> <p align="center"> <a href="###"><img src="https://img.shields.io/github/license/fantastic-mobile/basic?label=%E5%BC%80%E6%BA%90%E5%8D%8F%E8%AE%AE&style=flat-square" alt="" /></a> <a href="https://github.com/fantastic-mobile/basic/releases" target="_blank"><img src="https://img.shields.io/github/v/release/fantastic-mobile/basic?label=%E5%BD%93%E5%89%8D%E7%89%88%E6%9C%AC&style=flat-square" alt="" /></a> </p>

特点

• 可自由替换 UI 组件库，默认使用 Vant
• 提供页面整体布局组件，顶部导航栏、顶部标签栏、返回顶部、记录滚动位置等特性
• 提供系统配置文件，轻松实现个性化定制
• 基于文件系统的路由
• 支持全方位权限验证
• 内置最佳页面缓存方案
• 轻松实现国际化多语言适配

下载

本仓库为基础版

直接拉取源码可能会包含未发布的内容，推荐去 Github Releases 页面下载稳定版本的压缩包。如果确定需要拉取源码，请参考下列分支说明：

• main Vue3 版本框架源码分支，不含示例代码，可直接用于实际开发
• example Vue3 版本演示源码分支，同线上演示站，包含大量示例，可用于参考学习

预览

预览截图为专业版

<table> <tr> <td><img src="https://fantastic-mobile.hurui.me/preview1.png" alt="" /></td> <td><img src="https://fantastic-mobile.hurui.me/preview2.png" alt="" /></td> <td><img src="https://fantastic-mobile.hurui.me/preview3.png" alt="" /></td> <td><img src="https://fantastic-mobile.hurui.me/preview4.png" alt="" /></td> </tr> </table>

支持

如果觉得 Fantastic-mobile 这个框架不错，或者已经在使用了，希望你可以在 Github 或者 Gitee(码云) 帮我点个 ⭐ ，这将对我是极大的鼓励。

<details> <summary>Github Stars 曲线</summary>

</details>

生态

<table> <tr> <th colspan="3" align="center"> <a href="https://hooray.github.io/fantastic-startkit/" target="_blank">Fantastic-startkit</a> </th> </tr> <tr> <th colspan="3" align="center"> 一款简单好用的 Vue3 项目启动套件 </th> </tr> </table> <table> <tr> <th colspan="3" align="center"> <a href="https://fantastic-admin.hurui.me/" target="_blank">Fantastic-admin</a> </th> </tr> <tr> <th colspan="3" align="center"> 一款开箱即用的 Vue 中后台管理系统框架 </th> </tr> <tr> <td><img src="https://fantastic-admin.hurui.me/preview1.png" alt="" /></td> <td><img src="https://fantastic-admin.hurui.me/preview2.png" alt="" /></td> <td><img src="https://fantastic-admin.hurui.me/preview3.png" alt="" /></td> </tr> <tr> <td><img src="https://fantastic-admin.hurui.me/preview4.png" alt="" /></td> <td><img src="https://fantastic-admin.hurui.me/preview5.png" alt="" /></td> <td><img src="https://fantastic-admin.hurui.me/preview6.png" alt="" /></td> </tr> </table> <table> <tr> <th colspan="3" align="center"> <a href="https://one-step-admin.hurui.me" target="_blank">One-step-admin</a> </th> </tr> <tr> <th colspan="3" align="center"> 一款干啥都快人一步的 Vue 中后台管理系统框架 </th> </tr> <tr> <td><img src="https://one-step-admin.hurui.me/preview1.png" alt="" /></td> <td><img src="https://one-step-admin.hurui.me/preview2.png" alt="" /></td> <td><img src="https://one-step-admin.hurui.me/preview3.png" alt="" /></td> </tr> <tr> <td><img src="https://one-step-admin.hurui.me/preview4.png" alt="" /></td> <td><img src="https://one-step-admin.hurui.me/preview5.png" alt="" /></td> <td><img src="https://one-step-admin.hurui.me/preview6.png" alt="" /></td> </tr> </table>