uni-app 与 uviewUI 实现仿小米商城 app(附源码)
前言
社会在不断进步,人类的日常休息以及上班工作,都在追求方便。伴随着这些,手机成为了人类生活中不可缺少的一部分,于是小程序、手机端 app 就流行起来了。
uni-app
是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到 iOS、Android、Web(响应式)、以及各种小程序、快应用等多个平台。
HBuilderX 开发教程(入口)
Visual Studio Code 开发教程(入口)
uniapp 官网(入口)
uviewUI
vue.js 有着自己合适的 UI 框架 elementUI,当然 uni-app 也有着自己合适的 UI 框架,就是 uviewUI(入口)。同时它有着非常多的模板,可以直接下载使用,非常强大(地址)。uviewUI 是 uni-app 生态专用的 UI 框架,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码, 可发布到 iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自 uni-app 网)。
效果图展示
同时利用uni.addInterceptor设置了一个登录拦截器,uni.addInterceptor 是 uni-app 官网提供的拦截器,可以利用它来实现登录拦截器,用户在没有登录时是无法进行其他操作的。
源码地址
https://gitee.com/lilongsheng66/uniapp-shopping
版权声明: 本文为 InfoQ 作者【优秀的李】的原创文章。
原文链接:【http://xie.infoq.cn/article/4df9771c87691976af70b8a27】。文章转载请联系作者。
评论