来由 uView2.0是继1.0以来的一次重大更新,2.0已全面兼容nvue,为了这个最初的梦想,我们曾日以夜继,挑灯夜战,闻鸡起舞。您能看到屏幕上的字,却看不到我们洒在键盘上的泪。 uView来源于社区,也回归到社区,正是有一群热爱uni-app生态的同学推着它前行,而我们也一如既往的承诺,uView永久开源,永远免费。 适用领域 uView是uni-app生态专用的UI框架,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码, 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。但目前除微信小程序,其它小程序平台的兼容可能存在一些问题,后续会针对这方面持续优化。 如果您是使用Hbuilder X开发的用户,您可以在uni-app插件市场通过uni_modules的形式进行安装,此安装方式可以方便您后续在uni_modules对uView进行一键升级。 在uni-app插件市场右上角选择uni_modules版本下的使用HBuilderX导入插件,导入到对应的项目 【HBuilderX项目配置使用uView】:这篇文章主要讲解如何在HBuilderX环境中配置和使用uView UI框架,这是一个专为uni-app生态设计的UI组件库。uni-app是一个基于Vue.js的多端开发框架,允许开发者用一套代码覆盖iOS、Android、H5以及各大平台的小程序。 uView2.0是一个重要的更新,它全面兼容nvue,展现了开发者们为实现跨平台开发付出的努力。uView作为一个开源项目,依赖于社区的支持,并承诺永久免费。虽然在某些小程序平台上可能存在兼容性问题,但开发者会不断进行优化。 在使用HBuilderX开发时,推荐通过uni-app插件市场的uni_modules进行uView的安装,这样便于后续的升级操作。如果你的项目中没有`package.json`文件,需先通过`npm init -y`生成。接着,使用`npm install [email protected]`安装uView的特定版本,安装完成后,`package.json`会记录下所安装的版本。要查看uView的版本,可以通过在代码中添加`console.log(uni.$u.config.v)`。 配置uView涉及以下步骤: 1. **引入uView库**:在项目中引入uView,使其成为项目的一部分。 2. **引入全局SCSS主题文件**:为了让整个项目使用uView的主题样式,需要引入它的全局SCSS文件。 3. **引入基础样式**:确保uView的基础样式生效,提供基本的UI元素样式。 4. **配置easycom组件模式**:在`pages.json`中设置easycom,这是一种自动注册组件的机制,简化了组件的使用。 5. **CLI额外配置**:如果项目是vue-cli模式,还需在`vue.config.js`中配置`transpileDependencies`,将uView添加到其中,以确保编译正确。 6. **示例代码**:文中给出的示例展示了如何在模板中使用uView的`u-calendar`组件,并通过`u-button`控制其显示。 配置uView需要一系列的步骤,包括安装、引入和配置,最后通过实际的组件使用来验证配置是否成功。通过这些步骤,开发者可以充分利用uView提供的丰富组件和功能,提升uni-app项目的开发效率和用户体验。


























- 粉丝: 607
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- 学习内容 1 计算机的特性与组成 2 计算机的发展简史和计算机的应.pptx
- 计算机体系结构发展.pptx
- 旅游信息化现状调查调研论文报告汇报.docx
- 财务信息化建设基本情况调查表.xls
- 浅析网络流行语“翻船体”获奖科研报告论文.docx
- 嵌入式系统在智能家居中的研究与应用.doc
- 浅析大数据信息安全等级保护.pdf
- 电子监察和网上审批系统软件需求规格说明书环保局模板.doc
- 油气田勘探开发中计算机技术的应用.pdf
- 信息化形势下的医药产业.ppt
- 电子商务创业培训方案.docx
- 纺织行业管理信息化方案.doc
- 应用软件开发项目管理流程--zzls001.pptx
- 2022年PMP项目经理认证.doc
- 2022年计算机应用基础试题知识点.doc
- 网络客服专员类实习报告.doc


