开源精选 – uniapp生态的多平台快速开发的UI框架(uniapp开源框架吗)

《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个uni-app生态的多平台快速开发的UI框架——uView UI。

uni-app在2018年初发布以来,一直蓬勃发展,一派欣欣向荣,社区也是人声鼎沸,众望所归。因此,uView应运而生,uView的目标是成为uni-app生态最优秀的UI框架。

开源精选 - uniapp生态的多平台快速开发的UI框架(uniapp开源框架吗)

功能特性:

  • 兼容安卓,iOS,微信小程序,H5,QQ小程序,百度小程序,支付宝小程序,头条小程序
  • 60 精选组件,功能丰富,多端兼容,让您快速集成,开箱即用
  • 众多贴心的JS利器,让您飞镖在手,召之即来,百步穿杨
  • 众多的常用页面和布局,让您专注逻辑,事半功倍
  • 详尽的文档支持,现代化的演示效果
  • 按需引入,精简打包体积

安装:

下载地址uView UI已发布Sketch和Axure设计资源 – DCloud 插件市场

快速上手:

1. main.js引入uView库

import uView from 'uview-ui';Vue.use(uView);

2. App.vue引入基础样式(注意style标签需声明scss属性支持)

<style lang="scss">@import "uview-ui/index.scss";</style>

3. uni.scss引入全局scss变量文件

@import "uview-ui/theme.scss";

4. pages.json配置easycom规则(按需引入)

{"easycom": {// 下载安装的方式需要前面的"@/",npm安装的方式无需"@/"// 下载安装方式"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"// npm安装方式// "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"},// 此为本身已有的内容"pages": [// ......]}

5. 配置easycom规则后,自动按需引入,无需import组件,直接引用即可。

<template><u-button>按钮</u-button></template>

开源精选 - uniapp生态的多平台快速开发的UI框架(uniapp开源框架吗)

组件示例:

  • 颜色

开源精选 - uniapp生态的多平台快速开发的UI框架(uniapp开源框架吗)

  • 按钮

开源精选 - uniapp生态的多平台快速开发的UI框架(uniapp开源框架吗)

  • Layout布局

开源精选 - uniapp生态的多平台快速开发的UI框架(uniapp开源框架吗)

  • Form表单

开源精选 - uniapp生态的多平台快速开发的UI框架(uniapp开源框架吗)

  • 其他

开源精选 - uniapp生态的多平台快速开发的UI框架(uniapp开源框架吗)

  • 工具

开源精选 - uniapp生态的多平台快速开发的UI框架(uniapp开源框架吗)

  • 模板

开源精选 - uniapp生态的多平台快速开发的UI框架(uniapp开源框架吗)开源精选 - uniapp生态的多平台快速开发的UI框架(uniapp开源框架吗)

更多内容大家可自行前往阅读。

开源地址:https://gitee.com/umicro/uView


如需项目推荐、获取资源请私信作者

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年5月6日 下午9:28
下一篇 2024年5月6日 下午9:40

相关推荐

  • Tiobe公布2023年1月编程语言排行榜(编程语言排行榜2021年10月tiobe)

    IT之家 1 月 7 日消息,软件测试公司 Tiobe 会跟踪软件开发人员所使用编程语言,并每月根据流行程度来发布榜单。在今天公布了 2023 年 1 月编程语言排行榜中,该公司评…

    科研百科 2023年4月29日
    346
  • 美国科研经费如何分配个人收入

    美国科研经费如何分配个人收入 近年来,随着美国科技实力的不断增强,美国的科研经费也日益丰富。然而,科研经费的分配问题成为了一个备受关注的话题。在美国,科研经费的分配通常由政府部门和…

    科研百科 2024年10月18日
    2
  • 支委委员党龄要求是多少

    支委委员党龄要求是多少 作为中国共产党的一名成员,支委委员是基层党组织中非常重要的一批人,他们肩负着推动当地党组织发展,提高党员素质,促进当地经济发展等重要任务。但是,支委委员的党…

    科研百科 2024年11月1日
    2
  • 宜春工程项目管理系统

    宜春工程项目管理系统 随着现代项目管理的不断进步,宜春工程项目管理系统已经成为项目管理中不可或缺的一部分。它可以帮助项目经理更好地管理项目进度、成本、资源等信息,提高项目管理的效率…

    科研百科 2024年12月30日
    0
  • 信息系统项目管理师核心考点(二十八)项目进度计划输出(成果)

    科科过为您带来软考信息系统项目管理师核心重点考点(二十八)项目进度计划输出(成果),内含思维导图 真题 【信息系统项目管理师核心考点】项目进度计划输出(成果) 1.横道图(甘特图)…

    科研百科 2024年6月11日
    72
  • 人员经费是什么意思(人员经费管理办法)

    人员经费管理办法人员经费管理办法2020年6月13日,国务院文件印发《关于加快推进高招建校企合作的意见》。新学期伊始,2022年1月13日,新学期伊始,县(市)教育局联合县(市)教…

    科研百科 2024年9月26日
    19
  • 【党建】学习用典-以天下之目视,则无不见也

    导语: “以天下之目视,则无不见也;以天下之耳听,则无不闻也;以天下之心虑,则无不知也”这句名言,是2014年9月21日习近平总书记在庆祝中国人民政治协商会议成立65周年大会上发表…

    科研百科 2023年1月3日
    422
  • 项目管理进度甘特图

    项目管理进度甘特图是一种用于跟踪项目进度的工具,可以帮助项目经理确定项目的进度, 并确保项目按时完成。本文将介绍项目管理进度甘特图的基本概念, 以及如何使用它来跟踪项目进度。 什么…

    科研百科 2024年9月24日
    23
  • 项目管理协同工具

    项目管理协同工具:让团队协作更高效 在现代的商业环境中,项目管理已经成为了企业成功的关键因素之一。而随着云计算技术的不断发展,项目管理协同工具也越来越普及。这些工具可以帮助企业更好…

    科研百科 2024年9月3日
    40
  • 教育部人文社科项目申请书填写须把握的6个要点(教育部人文社科项目申报书)

    申请书的撰写是项目申报过程中一个非常关键的环节,申请书是评审专家评审项目的依据,申请人的思想应在申请书中充分展示出来,因为申请人在初审时没有机会和评审专家见面,评审专家对项目的判断…

    科研百科 2024年6月19日
    43