wu-ui-uniapp 多平台快速开发的UI框架

logo

WU-UI

多平台快速开发的UI框架(无论平台,一致体验)

官方群

wu-ui官方1群: 767943089

说明

wu-ui(如虎添翼) 是 全面兼容多端的uniapp生态框架,基于vue2、vue3和nvue开发。丰富组件库,便捷工具库,简单高效。无论平台,一致体验。选择我们,开发更轻松!

官方文档:https://wu.geeks.ink

预览

通过微信或浏览器扫码查看演示效果,后续上线小程序端等。




链接

  • 官方文档
  • 演示地址
  • 更新日志
  • 关于我们
  • 组件列表

交流反馈

欢迎加入我们的QQ群交流反馈:点此跳转

wu-ui产品特点

  1. wu-ui 是基于 uview2.x 改造而来,增加了对vue3的兼容、新的组件(未来这些组件甚至可能包含原生组件与业务中常用的组件),无论平台,一致体验。感谢 uview-ui 作者的开源奉献,在这里再次感谢作者和所有开源的开发者,因为有了你们,社区才变得更加美好。
  2. 全端兼容: wu-ui 支持 vue2、vue3、app-vue、app-nvue、h5、小程序等。
  3. 扩展配置: 由于wu-ui特殊的组件单独导入的方式,内置的方法默认不再挂载到uni对象之上,也就意味着默认情况下不能在项目中直接使用uni.$w.xxx使用内置方法。但是可以通过扩展配置进行使用,使用方式请参考扩展配置。其中包括 JS工具库、 自定义主题、 基础样式、 内置配置等。

快速开始

wu-ui 强烈建议通过 下载插件并导入HbuilderX 导入组件。或者下载完整 wu-ui 项目 将 uni_modules 复制到自己的项目。

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

使用方法

组件导入 uni_modules 后,直接在项目中使用,无需通过import引入组件。

<template>
	<wu-button text="今朝有酒今朝醉,明日愁来明日愁"></wu-button>
</template>

扩展功能

wu-ui 内置了强大的工具函数、请求封装等,可以根据自身需求进行扩展配置,详情请查看扩展配置。

注意:只有扩展配置后才能在自己的项目页面中使用组件库内置方法和变量等。

组件列表

下表为 wu-ui 的组件单独下载列表,点击每个组件点击下载&安装即可在详情页面导入组件到项目,导入后请重新运行即可直接使用,符合esaycom的规范,因此无需引入。

组件名组件说明
wu-calendar最全日历
wu-sku商品多规格选择器
wu-image图片
wu-button按钮
wu-icon图标
wu-loading-icon加载动画
wu-layout布局
wu-link超链接
wu-text文本
wu-number-box步进器
wu-transition动画
wu-input输入框
wu-code验证码
wu-navbar自定义导航栏
wu-status-bar顶部安全区域
wu-safe-bottom底部安全区域
wu-radio单选框
wu-checkbox复选框
wu-textarea文本域
wu-gap间隔槽
wu-cell单元格
wu-app-updateapp更新

版权信息

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

bug

wu-ui 目前仍处于开发阶段,并且由于目前仅有作者一人,开发速度有限,难免会产生bug,如果您遇见组件无法使用的情况,请您先不要生气,添加官网q群反馈即可,会在核实后,在官网产生bug的组件中会有专属的地方来展示您对组件的贡献(好的建议或好的组件提议(不需要您写,只需要您提出规划即可)也会享有同样的待遇)。

在此郑重谢过各位大佬,作者不图大家的钱财,只希望您体验感不错的情况下可以作者一个五星好评,您的好评亦是我们开源的动力。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/157726.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

一键转换bmp到jpg,轻松优化你的图片管理

在数字世界中&#xff0c;图片是我们日常工作和生活中的重要组成部分。然而&#xff0c;不同的文件格式可能会给我们的图片管理带来诸多不便。这时&#xff0c;我们就需要一个简单而强大的工具来帮助我们轻松转换图片格式。今天&#xff0c;我们为大家带来了一款全新的bmp到jpg…

实践小记——C#科学计数法格式化输出

文章速览 示例默认输出&#xff0c;不设置小数精度设置尾数部分的小数精度 总结参考文章 坚持记录实属不易&#xff0c;希望友善多金的码友能够随手点一个赞。 共同创建氛围更加良好的开发者社区&#xff01; 谢谢~ 示例 默认输出&#xff0c;不设置小数精度 private void Fo…

Python算法题2023 输出123456789到98765432中完全不包含2023的数有多少

题目&#xff1a; 无输入&#xff0c;只需输出结果&#x1f910; 这个数字比较大&#xff0c;小伙伴们运行的时候要给代码一点耐心嗷つ﹏⊂ &#xff0c;下面是思路&#xff0c;代码注释也很详细&#xff0c;大致看一下吧&#xff08;&#xff3e;∀&#xff3e;●&#xff09…

VS2017 IDE 编译时的 X86、x64位 是干什么的

指定编译出的程序是x86架构下的32位程序还是64位程序 VS2017项目配置X86改配置x64位_winform:把项目由x86改为x64-CSDN博客 vs平台选项&#xff1a;Any CPU,x86,x64_vs anycpu-CSDN博客

低代码零代码的适用场景与行业应用

在如今高速发展的智能时代&#xff0c;随着软件开发需求的不断增长&#xff0c;低代码/零代码平台逐渐进入人们的视野&#xff0c;并在行业内兴起。那样&#xff0c;此方法可以用什么场景呢&#xff1f;本文将对不同应用领域的低代码/零代码平台进行深入分析&#xff0c;为读者…

带后台的IM即时通讯App 全程MVP手把手打造

手把手开发一个完整即时通讯App 客户端服务端MVP架构 课程详情 本课程将全程手把手&#xff0c;带你运用MVP架构&#xff0c;封装思想以及当下主流的技术框架开发一款功能全面的聊天APP&#xff08;客户端服务端&#xff09;&#xff0c;让你系统学习IM技术&#xff0c;并拥有一…

DBeaver 23.2.4发布

导读DBeaver 23.2.4发布,修复和添加了一些新功能。 SQL 编辑器 为更新语句添加了代码自动补全功能修复了智能补全和替换带引号表达式的问题删除了日志中首次打开 SQL 编辑器时出现的多余错误 数据库导航器 添加了过滤对象可视化功能修复了脚本文件夹打开问题 数据传输 正确…

行情分析——加密货币市场大盘走势(11.17)

大机构拉高出货&#xff0c;放心大胆干&#xff0c;笔者手上空单一直拿着&#xff0c;继续等待大饼下跌。 空单策略&#xff1a;入场37000附近 止盈34000-32500 止损39000 以太按照预期回调&#xff0c;继续盈利中&#xff0c;等待继续下跌。没有入场的可以入场&#xff0c;重…

鸿蒙APP外包开发上线流程

鸿蒙系统的上线流程可能会根据具体的版本和平台要求而略有不同。在进行上线之前&#xff0c;开发人员应该详细了解并遵循鸿蒙生态系统的相关规定和要求。鸿蒙&#xff08;HarmonyOS&#xff09;应用的上线流程通常包括以下步骤&#xff0c;希望对大家有所帮助。北京木奇移动技术…

【Python】集合与字典

按照输入顺序输出 将输入的名字去重&#xff0c;同时按照输入顺序输出 sinput().split(,) blist(set(s)) bsorted(b,keys.index) print(b) 删除集合元素、更新集合 根据操作删除更新集合 update括号里可以是一个集合&#xff0c;add只能是一个元素 discard用于删除元素&#x…

SRM系统报价管理

一、SRM系统与报价管理 SRM系统是一种针对供应商关系管理的信息化工具&#xff0c;旨在优化企业与供应商之间的沟通和协作。报价管理作为SRM系统的重要功能之一&#xff0c;能够帮助企业实现对供应商报价的统一管理和跟踪。通过SRM系统&#xff0c;企业可以接收来自不同供应商…

ROS 学习应用篇(十)ROS中常用可视化工具的使用

ros工具箱有rqt_console、rqt_graph、rqtplot、rqt_image_view rqt plugins下可以打开多个调试窗口&#xff0c;非常好用偶吼吼 Rviz 重点来了 打开方式就是 rocore rivz gazebp roslaunch gazebo_ros **** 可以输入这玩一玩。

一个UE无法注册的问题

问题场景是环境中只有一个小区&#xff0c;UE在找到这个小区&#xff0c;收到MIB SIB1后一直不发起注册。我想这大概是和S准则不满足有关系了&#xff0c;这个问题基本是又没啥好看的了&#xff0c;太简单了&#xff0c;在SIB1周围找找就解决了&#xff0c;于是我发现了以下log…

TCP-Modbus通信过程解析与实例演示

大家好&#xff01;今天我将简要介绍一下如何使用TCP-Modbus方式与信捷PLC&#xff08;XD5E型号&#xff09;进行通讯&#xff0c;并演示整个过程。 TCP-Modbus通信过程解析与实例演示 首先&#xff0c;我们需要在PLC软件中设置相应的IP地址。PLC作为服务器&#xff0c;我们将其…

unity shaderGraph实例-可交互草地

文章目录 效果展示整体结构各区域内容区域1区域2区域3区域4区域5区域6区域7GraphSetttings 效果展示 整体结构 各区域内容 区域1 计算交互用的cube和草各个顶点的距离 此处可以理解为&#xff0c;从cube的中心到草的顶点的距离&#xff0c;其距离是一个从0到整数的过程&#x…

半平面求交 - 洛谷 - UVA1475 Jungle Outpost

欢迎关注更多精彩 关注我&#xff0c;学习常用算法与数据结构&#xff0c;一题多解&#xff0c;降维打击。 往期相关背景点击前往 题目大意 题目链接 https://www.luogu.com.cn/problem/UVA1475 在丛林里有n个瞭望塔&#xff0c;瞭望塔的保护范围就是一个凸n多边形&#xf…

vscode设置latex

vscode配置latex 1.安装vscode,并添加环境变量路径 2.安装latex,bin文件夹添加到环境变量路径 3.vscode安装插件 4.vscode->文件->首选项->显示配置内容->setting.json文件&#xff0c;查看其位置目录&#xff0c;通过我的电脑找到此文件&#xff08;不要使用v…

Git 分支管理

目录 列出分支 删除分支 分支合并 合并冲突 几乎每一种版本控制系统都以某种形式支持分支&#xff0c;一个分支代表一条独立的开发线。 使用分支意味着你可以从开发主线上分离开来&#xff0c;然后在不影响主线的同时继续工作。 Git 分支实际上是指向更改快照的指针。 有…

GB28181 编码规则说明

背景&#xff1a; GB/T28181-2011 《安全防范视频监控联网系统信息传输、交换、控制技术要求》中规定了联网系统应对前端设备、监控中心设备、用户终端ID进行统一编码,该编码具有全局唯一性。这就是国标编码。编码分20位和18位&#xff0c;其中18位编码已经淘汰。下文中&#…

【案例】可视化大屏

人狠话不多,直接上效果图 这里放的地图自己去实现吧,如果也想实现3D地球话,等笔者那天有心情写篇文章; 说明:script中methods部分代码是没用,可以直接删掉,根据个人情况去写, 内容:笔者也就对页面布局进行了设计,内容的填充就靠个人了 <template><div :sty…