uniapp实战项目 (仿知识星球App) - - 引入uView框架

本文介绍如何在仿知识星球App项目中集成uView前端框架,包括下载、配置及引入过程,同时分享了从微信登录到部署的完整实战步骤。

实战项目名称:仿知识星球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下来借鉴下;

  • 温馨提示:
  1. 项目仅用于个人实战,设计图和架构是自己基于知识星球APP进行设计的,算得上是入门级的uni-app,后期会更新一个企业级uniapp项目
  2. 我是在空闲中写写博客,并没有很规范,欢迎在评论区留下你的建议与意见。
  3. git项目拷贝下来的代码有不懂的,可以截图私信给我,看到会回复你,希望可以帮助到你了解和开发uniapp。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

彭式程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值