uViewUI

uView UI 组件大全

uViewUI是一个基于uni-app的高质量UI组件库，提供丰富的跨平台组件（支持H5、小程序、App等）。

·2025-07-23 02:28

UniApp 常用UI库

以下是一些常用的UniAppUI库及其对应的GitHub地址（开源地址），这些都是社区中广泛使用且维护活跃的项目：常用UniAppUI库及地址uViewUI简介：一个功能强大、高度可定制的UI框

xkxnq·2025-07-22 08:22

UniApp使用uView UI开发教程1

基于UniApp整合uViewUI进行高效开发的完整指南，涵盖核心特性、集成流程、开发技巧及最佳实践：一、uViewUI的核心优势组件生态强大100+高质量组件（表单/布局/导航/数据展示等）支持Vue2

速易达网络·2025-06-26 21:36

前端开发必备！30+优质组件库全推荐

（一）移动端常用组件库1.TaroUIforReact-京东出品，多端合一，所向披靡官网：TaroUI|O2Team2.uViewUI，是uni-app生态最优秀的UI框架uView-多平台快速开发的UI

橘子编程·2025-06-22 20:59

Uniapp项目爬坑总结-2022

1、Uniapp中Uviewui使用parse富文本解析调用数据出现“数据不为空”的bug主要原因：项目中使用了其他parse富文本组件与其他富文本组件产生冲突。

lszlsz10·2025-06-18 19:34

uni-app+Vue3开发微信公众号时，除了JSSDK还有哪些常用的开发工具或技术？

uni-app+Vue3开发微信公众号的常用工具与技术一、基础框架与工具链uni-app插件市场uViewUI：全面的Vue3组件库，适配uni-appColorUI：CSS类库，提供丰富的样式模板Fly.js

疯狂的沙粒·2025-06-08 22:19

在vue-cli创建的uni-app项目中使用uView框架

通过下载uView源码的方式进行引入1、首先通过uViewUI已发布Sketch和Axure设计资源-DCloud插件市场下载uView源码到本地2、然后对压缩包进行解压，然后解压出来的文件夹放入项目src

郭宝·2025-06-01 07:14

uniapp 封装自定义tabbar

uniapp封装自定义tabbar开发框架：uView2.x根据后端动态控制tabbar的显示隐藏注意：安装uViewUI。并且按照官网配置一下。

Salute.Y·2025-04-28 03:21

TP6+Uniapp研发校园系统小程序APPH5校园跑腿表白墙多功能校园社交论坛

一、系统架构设计技术栈组合后端：TP6（PHP）+MySQL+Redis前端：UniApp（Vue3+TS）+uViewUI接口：RESTfulAPI+JWT鉴权部署：Nginx+Docker+阿里云ECS

·2025-04-02 12:59

uniapp 中引入使用uView UI

文章目录一、前言：选择uViewUI的原因二、完整引入步骤1.安装uViewUI2.配置全局样式变量（关键！）

前端小雪的博客.·2025-03-04 09:52

uniapp小程序项目从0到1开发

一、在HBuilderX新建项目,然后可以先把可能用到的文件夹建好二、引入UI框架,根据npm方式配置文档uView2地址:https://uviewui.com/components/install.htmlcmd

扶园·2025-01-23 19:42

uni-app使用uView打开弹出层后输入框聚焦时placeholder错位问题

大概意思就是在使用uView的popus时，在底部弹出后，如果弹窗中的输入框会造成一瞬间的placeholder文字错位，这个问题的主要是因为uView安全区适配导致uView相关文档https://www.uviewui.com

PENG越·2024-02-19 11:09

基于 UniAPP 社区论坛项目多端开发实战

社区论坛项目多端开发实战基于UniAPP社区论坛项目多端开发实战一、项目准备1.1ThinkSNS简介及相关文档1.2使用UniAPP构建项目1.3构建项目文件结构1.4配置页面TabBar导航1.5使用npm引入uViewUI

梦幻蔚蓝·2024-01-20 10:03

HBuilder X中uView UI框架的安装及使用

开发工具:HBuilderX在最上方的工具中点击插件安装——>安装新插件——>前往插件市场安装在作者排行榜中找到uViewUI选择该版本然后点击下载并导入HBuilderX然后选择你想导入的项目在项目根目录中的

B·O·P·2024-01-18 11:33

【uview2.0】Keyboard 键盘与 CodeInput 验证码输入结合使用 uview

https://www.uviewui.com/components/codeInput.html（CodeInput验证码输入）https://www.uviewui.com/components/keyboard.html

嘿，小苹果·2024-01-16 15:51

HbuilderX使用Uniapp+Vue3安装uview-plus

如果你是vue2版本想使用uniapp去配置uviewui库可以参考之前的文章uView系列——使用教程小程序的第三方ui库推荐较多的还是uview的，看起来比较美观，功能也比较完善，下面将提一下Vue3

Southern Wind·2024-01-11 12:25

uni小程序 uview 1.8.8自定义tabBar

官网;安装|uView-多平台快速开发的UI框架-uni-appUI框架(uviewui.com)先创建一个components文件，里面放置TabBar-TabBar.vue-->exportdefault

蜕变菜鸟·2024-01-10 08:45

uniapp动态设置Tabbar

介绍|uView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架uViewUI，是uni-app生态最优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水https:/

_Legend_King·2024-01-08 01:58

uView NoticeBar 滚动通知

，有多种模式可供选择#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过text参数设置需要滚动的内容exportdefault{data(){return{text1:'uViewUI

破浪前进·2024-01-06 07:42

uView ScrollList 横向滚动列表

平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过slot传入内容exportdefault{data(){return{list:[{thumb:"https://cdn.uviewui.com

破浪前进·2024-01-06 05:09

uView List 列表

是否出现滚动条仅在nvue中有效事件@scrolltolower滚动到底部触发事件exportdefault{data(){return{indexList:[],urls:['https://cdn.uviewui.com

破浪前进·2024-01-05 01:54

uView的安装和配置

官网链接：介绍|uView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架uViewUI，是uni-app生态最优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水https

小付-小付·2024-01-03 14:26

uview的安装（npm安装方式）

uView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架uViewUI，是uni-app生态最优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水https://www.uviewui.com

不努力code·2024-01-03 14:52

uView-UI v2.x常见问题整理

为了更好的给大家提供uViewUI的技术支持，uViewUI团队整理常见问题文档，大家可以阅读查找常见的问题解决办法。

破浪前进·2024-01-02 14:36

uniapp引入uview组件库（非常好用）

1.uview组件库官网https://www.uviewui.com/2.uview组件库命令导入[email protected]全局配置importuViewfrom'uview-ui'Vue.use

爱池鱼的酱酱仔·2023-12-29 19:17

uniapp 多端兼容开发遇到的问题总结（三）

昨天作者在Uniapp的插件市场里无意找到了一个很适合自己业务场景的UI框架——uViewUI,为啥说适合呢，大家有读过我前几篇文章的人都应该看出，比较出名的移动端UI库，像VantUI、ThorUI这些在某些平台测试时会有各种各样的问题

NurTuam-何永杰·2023-12-28 00:52

处理uview表单赋值之后无法通过表单校验

问题情景描述：1、uniapp微信小程序使用了uViewUI，表单字段有验证；2、表单添加功能，数据校验正常，因为表单数据本身都是空的；3、表单更新数据的时候，有些字段明明是有数据的，提交的时候非空验证提示不能为空

不会切肉的小辉同学·2023-12-27 20:59

用uniapp写一个点击左侧可以滑动的menu

数据js（classifyData）：exportdefault[{"name":"女装","foods":[{"name":"A字裙","key":"A字裙","icon":"https://cdn.uviewui.com

morenhaodan·2023-12-20 17:20

如何在uniapp中使用uviewUI-适合uniapp的ui组件

文章目录1、如果使用的是npm方式2、如果是用HbuilderX导入3、通用步骤4、使用5、可以适配微信小程序前文说了uniapp能用哪些前端框架，今天来推荐uview。其最新版为2.0.36。最近一次更新日期：2023-03-27。uView是uni-app生态专用的UI框架，uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以

WEB前端圈·2023-12-05 06:55

uni_app组件实现tab选项卡滑动切换，支持默认选中，vue3+ts+setup

在插件库找到uViewUI，但是这个库插件体积不算太小，小程序尽可能需要减少包体积，于是就打算自己封装一下。

平谷一勺·2023-12-04 08:59

作为一位优秀的白嫖党前端，必须了解的一些网站及插件

component/buttonelement-plus：https://element-plus.gitee.io/zh-CN/component/button.htmluview：https://www.uviewui.com

前端小佩奇·2023-12-01 15:38

uni-app：uView弹出层的使用

一、简介uni搭配uView框架，uView框架弹出层，网址：https://www.uviewui.com/（一）页面使用案例演示1.点击按钮2.弹出层【绑定一个布尔值的变量控制弹出层的打开和收起，这里设置的

耶啵奶膘·2023-11-30 10:06

tab栏切换，路径传参写死的情况，切换一次路径随之改变

tab栏，使用uview提供的tabs网址：https://uviewui.com/components/tabs.html资产编码操作{{item.assetCode||'-'}}详情JSexportdefault

愿➣·2023-11-20 00:40

uview表单 hooks

在UViewUI库中，使用hooks封装表单二次可以让我们以更灵活的方式使用表单组件。

织_网·2023-11-13 18:46

2021-07-01 RuoYi-Vue-Plus

from=gitee_search疯狂的狮子li//iconhttps://www.iconfont.cn///渐变色http://color.oulu.me///uniapp组件https://www.uviewui.com

lj_w·2023-11-13 03:50

国内大厂组件库

国内大厂组件库1、综合组件库腾讯：Tdesign京东：TarouViewUI：uviewui2、小程序组件库腾讯：微信小程序有赞：Vant小程序阿里：支付宝小程序腾讯：qq小程序360：360小程序快手

青檬丶·2023-11-11 05:34

关于uviewui修改主题及在uniapp中的应用

框架换个主题色基础方法是覆盖原有色（但这个方法比较笨，处理起来也不干净利索），所以换个思路改变基础色值变量，步骤主要分为2部分：1.修改样式中的颜色变量（一般大家都清楚）；2.修改由js生成的dom的样式变量；那么在uviewui

黑猴子csd·2023-11-06 06:18

uniapp常见开发问题及解决方案（持续更新）

setTimeout(()=>{clearTimeout(timer)uni.redirectTo({url:'pages/login/login'})},0)2、reLaunch页面跳转在H5中会导致uviewui

卡诺来了·2023-10-30 20:43

uni-app 使用uview

1、下载HBuilderX：官方IDE下载地址https://www.dcloud.io/hbuilderx.html2、新建项目：文件=>新建=>项目3、设置项目名称、目录、选择默认模板4、下载uViewUI

天府之绝·2023-10-25 11:01

uviewUi组件库 u-swipe-action 长列表时页面不能上下滑动

在使用uviewUi组件库的u-swipe-action做一个右滑删除操作时，发现当列表长度超出屏幕时，页面的上下滑动锁死，这个问题应该是uview组件库的问题。

喜陈·2023-10-25 08:44

uView-ui框架测试使用笔记

二、使用步骤1.下载步骤1.在HbuilderX中创建uniapp项目2.在[uview官网链接](https://www.uviewui.com/)中导入插件报错3.将uview-ui移动到根目录下2

YZRHANYU·2023-10-20 19:59

uniapp 安装 u-view 组件库

u-view组件库安装教程：https://uviewui.com/components/install.html注：以下使用HBuilderx安装u-view2.0版本，不适用于其它版本。

小吴吴吴呀·2023-10-19 22:25

【关于我接触了Uview的Upload】——单图上传，多图上传,遇到的问题总结、直传阿里云Oss

版本uview-ui:"^2.0.31"node：14.18.1官方地址https://www.uviewui.com/components/

叫我菜菜就好·2023-10-18 15:15

hbuilder uniapp相关：创建uview项目并运行

创建项目①可以选择创建默认模板，里面就什么都没有，没有ui框架②创建有ui框架的模板就可以直接用（colorUI没有文档，只能下载这个模板之后，运行打开两个窗口，一个窗口看模板组件，一个窗口看写的内容）③uviewUI

一个打工仔的笔记·2023-10-16 05:41

uniapp实现扫一扫功能，扫码成功后跳转页面

该功能使用到的apiuni.scanCode详细步骤如下：1.在ui库中找到扫码icon，以uViewUI为例绑定点击事件@click2.在事件clickScan中处理逻辑//点击扫一扫clickScan

小杨不香菜·2023-10-10 17:04

利用级联选择器实现省市区三级联动【vue + elementUI Plus | uViewUI】

文章目录准备数据vue+ElementUIPlus利用级联选择器实现省市区三级联动学习记录具体代码vue+uViewUI利用选择器多列联动实现省市区三级联动(uniapp学习记录具体代码准备数据行政区划代码数据下载

困困的果果头·2023-09-28 07:38

uni-app 之 Toast 消息提示

$refs.uToast.show({title:'正在加载111',type:'success',message:"正在加载222",iconUrl:'https://cdn.uviewui.com/

jun_tong·2023-09-28 06:02

在 uniapp 项目上使用 uView UI框架

在uniapp项目上使用uViewUI框架前言(废话)----不看也行刚工作不久,公司直接给了一手新项目,微信小程序的,经常听到群里有小伙伴用这两套进行开发,感觉很香,所以决定我也用这一套整整用uniapp

Xiaop·2023-09-26 07:03

UNI-APP_在uni-app中引入和使用uViewUI

官方文档：https://www.uviewui.com/1、npm安装或者更新uViewUI安装npminstalluview-ui更新npmupdateuview-ui查看版本号console.log

小歪 | 前端·2023-09-25 09:57

推荐频道