实战项目名称:仿知识星球App
技术栈:前端 =>uni-app( 后端:Node.js + Mysql + Apollo + Graphql )
已实现功能:微信登录,创建星球,内容管理,星球管理
项目git地址:请点击访问
项目最终效果图:@点击访问效果图,欢迎关注收藏订阅专栏!!!
提示:该项目只用于个人实战,不应用于任何商业用途。
一、今日实战目标
- 引入uView框架
二、实战步骤
1.在DCloud插件市场下载插件
-
下载后,将文件放在下图地址

2.引入插件
- 在App.vue文件中引入样式,注意样式引入顺序

3.配置根目录的vue.config.js文件
- 添加下方代码
module.exports = {
transpileDependencies: ['uview-ui']
}
4. 在main.js 引入uview组件库
- 注意:
一定要放在import Vue之后

总结
按照上面的步骤操作完后,就可以在项目中使用该框架,各组件在官方文档都有示例,按需去使用相应的组件。
由于项目目前在对接后台api中,项目git地址:请点击访问,大家可以去clone下来借鉴下;
- 温馨提示:
- 项目仅用于个人实战,设计图和架构是自己基于
知识星球APP进行设计的,算得上是入门级的uni-app,后期会更新一个企业级uniapp项目。 - 我是在空闲中写写博客,并没有很规范,欢迎在评论区留下你的建议与意见。
git项目拷贝下来的代码有不懂的,可以截图私信给我,看到会回复你,希望可以帮助到你了解和开发uniapp。
本文介绍如何在仿知识星球App项目中集成uView前端框架,包括下载、配置及引入过程,同时分享了从微信登录到部署的完整实战步骤。

1477

被折叠的 条评论
为什么被折叠?



