liyuhang521 / mui-kidApp

基于 MUI 构建一个具有 90 +页面的APP应用

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

前言

mui是一款接近原生App体验的前端框架,只需要掌握前端技术就可以开发APP应用,官方有提供功能比较全面的demo版本, 但在实战中总会遇到一些不可避免但坑,对于没有接触过mui的开发者,难免会浪费很多时间在踩坑上。

该项目以mui为开发框架,artTemplate.js作为js模版引擎,没有繁琐的配置和编译过程,拿来就可以上手,适合刚接触mui的同学参考和学习

项目运行

git clone https://github.com/EasyTuan/mui-kidApp.git

打开HBuider,打开项目

右键项目=>转换为移动App

运行=>真机运行(需要usb连接手机)

目标功能

  • 定位功能 -- 完成
  • 选择城市 -- 完成
  • 展示所选地址附近商家列表 -- 完成
  • 在高德地图中寻找店铺 -- 完成
  • 搜索文章,赛事 -- 完成
  • 商家列表页 -- 完成
  • 店铺评价页面 -- 完成
  • 单张卡牌详情页面 -- 完成
  • 商家详情页 -- 完成
  • 登录、注册 -- 完成
  • 三方微信、QQ登陆 -- 完成
  • 修改密码 -- 完成
  • 个人中心 -- 完成
  • 发送短信、语音验证 -- 完成
  • 赛事列表 -- 完成
  • 赛事详情 -- 完成
  • 添加、删除、修改收货地址 -- 完成
  • 帐户信息 -- 完成
  • 服务中心 -- 完成
  • 红包 -- 完成
  • 上传头像 -- 完成
  • 卡牌对战发起 -- 完成

业务介绍

入口地址为 html/main.html

目录结构

├── css              		//css样式文件
├── fonts               		//字体图标
├── html                    //页面
├── images                  //图片
├── js                   	//js
│   └── lib                 		//js第三方库
├── unpackage               //App图标、启动页
└── manifest.json           //App配置文件

部分截图展示

说明

如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢! ^_^

或者您可以 "follow" 一下,我会不断开源更多的有趣的项目

如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR 👍

About

基于 MUI 构建一个具有 90 +页面的APP应用


Languages

Language:JavaScript 67.0%Language:HTML 18.8%Language:CSS 14.2%