uView

UniApp使用uView UI开发教程1

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

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

UV-UI组件库中@click.stop事件修饰符失效问题解析

UV-UI组件库中@click.stop事件修饰符失效问题解析uv-uiuv-ui破釜沉舟之兼容vue3+2、app、h5、小程序等多端基于uni-app和uView2.x的生态框架，支持单独导入，开箱即用

邬群彤·2025-06-26 03:09

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

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

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

uniapp导航栏随页面滚动淡出显示隐藏效果

213import{ref}from"vue";import{onLoad,onPageScroll}from"@dcloudio/uni-app";importnavbarfrom"@/uni_modules/uview-plus

ekilito·2025-06-20 04:57

uniapp uview3.0配置

npminstalluview-plus//main.jsimportuviewPlusfrom'uview-plus'app.use(uviewPlus)/*uni.scss*/@import'uview-plus

学习记录4399·2025-06-17 05:47

uniapp实现下拉框模糊查询

文章目录uni-app下拉框模糊查询功能实现实现效果实现思路uni-app下拉框模糊查询功能实现使用uView的Popup弹出层组件实现下拉列表模糊查询功能。

严啦啦️·2025-06-17 05:15

uniapp中vue3 ，uview-plus使用!

使用过uniapp的，大家应该都对uview不陌生。原来vue2的版本中，uview解决了我大部分的麻烦事。奈何现在要用vue3，你还不支持。记录一下uview-plus的使用之路吧。

养乐多～ch·2025-06-17 05:13

uni-app——uniapp uView u-button 设置了 disabled 为 true 还能触发 click 事件

问题复现：点击我methods:{myClick(){console.log('被禁用但还是进

dbt@L·2025-06-16 16:49

uni-app - uview Swiper 轮播图组件点击跳转链接（点击后拿到 item 行数据, 取出数据做操作）

前言当您调用后端接口拿到轮播图数据后，会有点击轮播图时，跳转到详情或链接的需求。通过观察文档，只有如下图所示事件：很遗憾，这个index并不是我们要的整个行（item）数据，我们无法拿到其中的id来跳转详情，更不能拿到其中的任何数据。解决方案给您提供一个示例，您可以直观的看到本文是如何操作并完成的。随便找个页面，一键复制运行起来：

王二红·2025-06-07 12:29

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

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

郭宝·2025-06-01 07:14

Uniapp+UView+Uni-star打包小程序极简方案

一、减少主包体积主包污染源（全局文件依赖）劲量独立导入componentsstaticmain.jsApp.vueuni.css分包配置缺陷，未配置manifest.json中mp-weixin节点"usingComponents":true,"lazyCodeLoading":"requiredComponents","optimization":{"subPackages":true},启用分

栈狮·2025-05-30 11:23

【前端开发】Uniapp日期时间选择器：实现分钟动态步长设置

技术栈Uniapp+Vue3+uView年份显示前后一年，分钟动态设置间隔效果图主体显示{{displayValue||placeholder}}底部弹窗{{placeholder}}选择日期选择时间{

一殊酒·2025-05-22 22:39

uniapp开发小程序使用ts+vue3使用uview-plus遇到的sass不适配问题

node_modules\uview-plus\components\u-icon\u-icon.vue80:10rootstylesheet10:54:52.885DEPRECATIONWARNING

开发者小天·2025-05-20 10:44

uniapp开发的系统h5导航栏标题重复问题

.*)":"@/uni_modules/uview-ui/components/u-$1/u-$1.vue"},"pages":[//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io

开发者小天·2025-05-20 10:43

uniapp中的easycom工作机制

（不使用easycom）：✅使用easycom后：⚙️二、工作原理1.自动扫描组件路径2.编译时生效3.匹配规则三、配置方式`pages.json`中配置：✅四、优点⚠️五、注意事项六、实际案例（结合uView

TE-茶叶蛋·2025-05-19 07:35

uview-plus去除看广告

uview-plus是uview2的vue3版本，使用方式和vue2版本几乎一模一样，但是有个很恶心的地方，就是组件文档要看广告解决办法如下：调整这两个页面的z-index值为0以下即可--------

于慨·2025-05-16 13:59

uniapp+uView单选框多选框使用与模糊搜索

{{filterArea}}*可同时选择{{categoryMaxNum>=categoryList.length?categoryList.length:categoryMaxNum}}项import{fuzzyQuery,}from'./../../common/common.js'import{//接口queryIndicatorList}from"@/api/chart.js"export

Nymph_Zhu·2025-05-16 09:01

vant组件省市区三级联动下拉

环境：原生微信小程序组件：u-pickerui库为uView2view需要用v-if清除组件，否则二次打开picker的位置会乱。

·2025-05-15 10:09

uView——uview 中 u-input 设置只读后点击事件不生效解决方案

解决方案：使用pointer-events:nonepointer-eventsCSS属性指定在什么情况下(如果有)某个特定的图形元素可以成为鼠标事件的target(en-US)。除了指示该元素不是鼠标事件的目标之外，值none表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西。MDN——pointer-events文档

dbt@L·2025-05-05 13:40

关于uniapp 中uview input组件设置为readonly 或者disabled input区域不可点击问题

在最外层绑定@click="bindClick(item)"事件在u--input设置style="pointer-events:none"就可以顺利触发bindClick事件

沃野_juededa·2025-05-05 13:07

uniapp 封装自定义tabbar

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

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

uniapp-商城-2-uView组件以及uniapp组件的引入

iconfont-阿里巴巴矢量图标库1uview地址uView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架2uview组件安装到项目(通过uni_modules形式引入uView

七七小报·2025-04-17 11:16

Uniapp打包H5端弱网络环境下存在页面UI渲染错乱问题方案实现

未渲染完成的情况下快速地切换了页面会出现UI渲染错乱的问题，针对该问题个人从两个方面来进行处理；切换页面时取消对网络的请求显示UI的渲染；保证首页渲染结束之前，限制底部tab的切换；二.代码实现2.1.网络请求框架选型基于Uview

慢行的骑兵·2025-04-17 10:42

关于uview小程序表单校验不生效问题，以及小程序自定义校验

Form表单|uView-多平台快速开发的UI框架-uni-appUI框架官网例子rules:{name:[//必填规则{required:true,message:'此为必填字段',//blur和change

是你的小熊啊·2025-04-01 15:36

Django-Vue-Admin项目指南

django-vue-admin基于RBAC模型权限控制的中小型应用的基础开发平台,前后端分离,后端采用django+django-rest-framework,前端采用vue+ElementUI,移动端采用uniapp+uView

樊元隽·2025-03-28 21:05

uniapp + uView动态表单校验方案

文章目录概要技术栈调整uView框架的Form页面代码注意事项概要最近项目上有个功能,需要给动态的form表单添加异步校验,经多方资料查找与汇总,现把解决方案记录分享一下技术栈本项目使用的技术栈是uniapp

Ted_Fan·2025-03-28 20:28

uniapp实现页面左滑右滑切换内容

uniapp+uview：使用uniapp的swiper和uview的tabs标签组合实现Tabs标签-uview-plus3.0-uni-appUI框架{{item.name}}import{onMounted

浮桥·2025-03-17 18:56

uniapp uview u-textarea maxlength无效问题

watch:{'dataModel.question':{handler(val){if(val.length>=200){this.dataModel.question=val.substr(0,200)}},immediate:true,deep:true,},},

尤小白·2025-03-11 17:05

uniapp 滚动尺

scale组件代码（部分class样式使用到了uview1.0的样式）{{item/10}}exportdefault{name:'Scale',components:{},props:{value:{

走，带你去玩·2025-03-11 17:35

修改uview组件样式无效

在自己的components组件目录下修改uview组件样式不起效果，添加如下代码与metnods平级即可exportdefault{options:{styleIsolation:'shared'},

走，带你去玩·2025-03-11 17:35

【开源精选】《前端铺子》：打造你的全能型小程序开发助手

【开源精选】《前端铺子》：打造你的全能型小程序开发助手qdpz-uniapp项目基于vue-uniapp，使用colorUi与uView框架，完美支持微信小程序，包含功能：自定义TabBar与顶部、地图轨迹回放

平淮齐Percy·2025-03-11 02:39

uniapp bug解决：uniapp文件查找失败:‘uview-ui‘ at main.js:14

文章目录报错内容解决方法`main.js`文件中uView主JS库引入uView的全局`SCSS`主题文件内容修改引入uView基础样式内容修改配置`easycom`内容修改报错内容10:50:51.795

奶糖肥晨·2025-03-09 10:31

解决使用 HBuilder X 软件、uni-app 框架和 uView UI 框架开发的项目，需要同时发布成 H5 和微信小程序，且部分页面存在差异问题

主要是利用特定的注释语法1.条件编译原理：uni-app支持条件编译，通过特定的注释语法，可以在不同的平台下编译不同的代码，从而实现页面内容的差异化。这是H5页面特有的内容这是微信小程序特有的内容这是所有平台通用的内容exportdefault{data(){return{//通用数据};},onLoad(){//#ifdefH5console.log('这是H5平台的逻辑');//#endif/

T-shmily·2025-03-06 09:54

基于 uni-app 和 Vue3 开发的汉字书写练习应用

基于uni-app和Vue3开发的汉字书写练习应用前言本文介绍了如何使用uni-app+Vue3+uview-plus开发一个汉字书写练习应用。

xiyueta·2025-03-06 09:52

uniapp 中引入使用uView UI

文章目录一、前言：选择uViewUI的原因二、完整引入步骤1.安装uViewUI2.配置全局样式变量（关键！）3.在pages.json中添加：4.全局注册组件5.直接使用组件五、自定义主题色（秒换皮肤）一、前言：选择uViewUI的原因uViewUI是uni-app生态中高颜值、高拓展性、开发体验友好的组件库，提供100+组件和丰富工具，能极大提升开发效率。二、完整引入步骤1.安装uViewUI

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

解决 uView-UI和uv-ui 中 u-tabs 组件在微信小程序中出现横向滚动条的问题

问题描述在微信小程序中使用uView-UI的u-tabs组件时，用户可能会遇到横向滚动条的问题。这不仅影响了页面的美观，还可能导致用户误操作。问题原因该问题的根本原因是未在微信小程序环境下屏蔽滚动条。

溫冬＇＇123·2025-03-02 13:11

uview2.0封装http请求实战以及常见请求传参实录

1.前言2.使用步骤2.1配置请求拦截器以及api集中管理配置2.2main.js中进行引入请求拦截器2.3页面中引入请求方法并使用1.前言uview2.0是uniapp开发中使用频率相对来讲比较高的一款框架

卖柴火的小伙子·2025-03-01 14:46

uniapp和uview-plus组件在项目中向后端发起请求的封装

文章目录Http请求请求方法说明二、拦截器1.请求拦截2.响应拦截应用实例export和exportdefault的区别Http请求该插件适用于普遍的请求场景，支持post、get、put和delete，以及上传下载等请求，有如下特点：基于Promise对象实现更简单的request使用方式，支持请求和响应拦截支持全局挂载支持多个全局配置实例支持自定义验证器支持文件上传/下载支持task操作支持自

程楠楠&M·2025-02-23 10:37

uniapp请求接口封装

最近做了一个uniapp的项目（引入了uView样式），前端请求接口封装：在App.vue同级目录创建utils文件夹，文件夹内新建request.js代码如下：//请求接口地址//constbaseUrl

小码哥学习中·2025-02-23 10:37

uni-app、uview开发时的三种富文本渲染方案

1.使用vue语法的v-html 富文本富文本富文本`">-->2.使用小程序标签rich-text富文本富文本富文本`" >-->3.使用uview内置的u-parse组件该组件一般用于富文本解析场景

柠檬树^-^·2025-02-23 04:13

uniapp项目引入uview组件

1.下载scss的插件在HX菜单的工具->插件安装中找到"scss/sass编译"插件进行安装，如不生效，重启HX即可下载链接scss/sass编译-DCloud插件市场2.下载uView文件在uni-app

LAN354·2025-02-21 19:12

uniapp 封装进度条组件

二、写啥废话，直接代码上封装的组件代码1.先引入uview-ui,uniapp不懂引入uview-u组件的自行移步到官网。很

sunyin.liu·2025-02-18 06:12

uview步进器点击加减如何避免同时触发失焦方法

背景：在自定义了uview的加减图标之后，发现用户点击加减法会同时触发了失焦事件，避免用户点击加减如何避免同时触发失焦方法，可以做以下尝试在使用uView的步进器（Stepper）组件时，如果希望点击加减按钮时避免同时失去焦点

peachSoda7·2025-02-12 07:13

uniapp 全局Toast 全局提示兼容多端基于uView

首先需要uView，没有的自己百度。

泡沫君·2025-02-04 03:40

uniapp uview 一键回到底部组件

一、封装组件底部exportdefault{name:"BackBottom",props:{bottom:{type:Number,default:100}},data(){return{pageHeight:0,scrollHeight:0,diffHeight:this.bottom+1,//初始值大于bottom，防止首次渲染不显示};},computed:{show(){returnth

顾鸟·2025-01-25 08:29

uniapp下拉菜单

一、示例图1.状态为多选，选中后显示已选择的数量，如下图：2.排序为单选，显示当前选中的名称，如下图：二、状态、排序相关代码部分代码使用了的uView组件Icon图标|uView2.0-全面兼容nvue

h_6543210·2025-01-24 08:52

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

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

扶园·2025-01-23 19:42

uniapp+uview-plus实现微信小程序自定义tabbar

yx_back·2024-09-14 18:58

uniapp使用 uview-plus 底部导航栏(vue3项目)

前提：项目中已引入uview-plus，具体可查看uview-plus官网Tabbar底部导航栏网站：Tabbar底部导航栏|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI

奔跑的露西·2024-09-01 21:17

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年最新大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵

2401_84181383·2024-09-01 20:15

上一页 1 2 3 4 5 6 7 8 下一页

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他

推荐频道