当前位置: 首页 > 软件库 > 程序开发 > UI组件库 >

uview-plus

多平台快速开发 UI 框架
授权协议 MIT
开发语言 JavaScript TypeScript HTML/CSS
所属分类 程序开发、 UI组件库
软件类型 开源软件
地区 国产
投 递 者 蓝鸿哲
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

uview-plus 3.0 是多平台快速开发的UI框架,是基于uView2.x移植的支持vue3的版本,感谢uView。

uview-plus,是uni-app全面兼容vue3/nvue的uni-app生态框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。uview-plus

官方文档:https://uiadmin.net/uview-plus

特性

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

预览

您可以通过微信扫码,查看最佳的演示效果。

链接

关于PR

我们非常乐意接受各位的优质PR,但在此之前我希望您了解uview-plus是一个需要兼容多个平台的(小程序、h5、ios app、android app)包括nvue页面、vue页面。 所以希望在您修复bug并提交之前尽可能的去这些平台测试一下兼容性。最好能携带测试截图以方便审核。非常感谢!

安装

uni-app插件市场链接 —— https://ext.dcloud.net.cn/plugin?name=uview-plus

请通过官网安装文档了解更详细的内容

快速上手

请通过快速上手了解更详细的内容

使用方法

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

复制代码<template>
    <u-button text="按钮"></u-button>
</template>

版权信息

uview-plus遵循MIT开源协议,意味着您无需支付任何费用,也无需授权,即可将uview-plus应用到您的产品中。

  • 需求:根据不同的权限(用户 0, 物业 1)展示不同的tabbar 这里使用的是uview-ui@1.8.4 tabbar 在utils文件夹下新建一个tabbar.js文件,来存储不同权限下的底部导航数据 // 用户tabbar let tabUser = [ { "pagePath": "/pages/index/index", "text": "首页", "iconPath":

  • <template>     <!-- 支付宝小程序使用$u.getRect()获取组件的根元素尺寸,所以在外面套一个"壳" -->     <view>         <view class="u-index-anchor-wrapper" :id="$u.guid()" :style="[wrapperStyle]">             <view class="u-index-anc

  • 在使用 uview-ui 的宫格布局时,发现官方文档对于基本的图形展示还是很详细的,但是缺少点击事件。 于是 众里寻他千百度,蓦然回首 基本使用 该组件外层为 u-grid 组件包裹,通过 col 设置内部宫格的列数 内部通过 u-grid-item 组件的 slot 设置宫格的内容 如果不需要宫格的边框,可以设置 border 为 false <template> <view>

  • 1、main.js import mixin from '@/common/js/setTheme.js' Vue.use(mixin) // import {getTheme} from '@/common/js/setTheme.js'; // Vue.prototype.$theme = getTheme; 2、App.vue //监听系统主题变化 onThemeChange(e){ t

 相关资料
  • 移动互联快速开发平台 采用Mongodb为底层数据库:数据设计随需而变; 采用Mongodb集群,支撑大数据量,大并发实时查询,便于扩展; 采用SpringMongodb简化开发,简单得令人发指; 采用SpringRest提供JSON的输出,支持各种转换; 提供程序整合、兼容中文、跨域JSONP的支持; 进行了大数据量的压力测试,参数的最优配置; 各种最佳实践。 HTML5 快速开发的前端架构,专

  • 多平台开发 一个网站或应用不仅能运行在各种台式机, 笔记本电脑, 平板和手机, 还能运行于少部分其它设备(手表, 温控器, 电冰箱等等). 你将怎么决定支持哪些平台和为支持这些平台, 怎么去开发, 这被称为多平台开发策略. 接下来, 我会列出常见的多平台开发策略: 创建 响应式 Web 设计 (RWD) 网站/APP 创建 RESS (基于服务端组件的响应式 Web 设计) 网站/APP 创建 自

  • 有没有人愿意帮助我在使用android studio的kotlin multi-platform mobile(KMM)和javafx(gluon)进行iOS/android应用程序开发之间做出决定。 -运行时性能(启动时间、代码大小、功耗等)-KMM的学习曲线(我不知道Kotlin,但如果KMM的开发环境只是在windows上两个目标平台,我就学会了。[gluon中的android开发需要lin

  • Zoul 是基于 CC2538 RAM Cotrex-M3 Soc 的模块,板载 2.4GHz 802.15.4 RF 接口,512KB 可编程 flash,32KBRAM,最高可运行在 32MHz。Zoul 与一个接收器 CC1200 868/915 MHz RF 绑定,因此运行双波段操作。 Zoul 支持在设计上快速重用,根据设计原型快速设计为产品。 图3.1. Zolertia Zoul模块

  • uView UI,是 uni-app 生态最优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。

  • 建议以参考其它平台的代码为主,在这只是简单说明一下。 类属性 接口所需的非通用参数,都写在类属性中,不写在方法的参数里。 方法 实现如下几个方法: /** * 第一步:获取登录页面跳转url * @param string $callbackUrl 登录回调地址 * @param string $state 状态值,不传则自动生成,随后可以通过->state获