七个步骤轻松搞定uniapp从零搭建开发项目

闲话不说,直接上干货,前端uniapp,vue2.0+uView1.x,后端采用fastadmin框架。

一、引入uView 1.X,对应vue 2.0

引入成功后,直接复制uView组件

二、引入公共方法 util.js

三、引入公共base.css

四、app.vue 加入golbalData,定义全局变量和api_url

app.vue中globalData

五、引入全局theme文件,定义全局的bgColor,btnColor等

登录页面按钮样式

六、引入http.api.js,封装promise方法、noLogin过滤、api接口、统一的状态码校验

公共请求方法

七、全局的store封装,包括token、userInfo等信息

Vuex.store

查看演示效果

效果
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容