nvue

UniApp使用uView UI开发教程1

uViewUI的核心优势组件生态强大100+高质量组件（表单/布局/导航/数据展示等）支持Vue2/Vue3双版本（uView1.x/2.x）深度性能优化按需加载+轻量设计（gzip后仅200KB）支持NVUE
速易达网络·2025-06-26 21:36

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

TaroUI|O2Team2.uViewUI，是uni-app生态最优秀的UI框架uView-多平台快速开发的UI框架-uni-appUI框架3.uview-plus（Vue3）uview-plus，是全面兼容nvue
橘子编程·2025-06-22 20:59

uniapp(全端兼容) - 详解前端阿里云OSS上传图片并添加水印功能，纯前端直传图片到阿里oss对象存储另外添加自定义水印，uniApp上传图像文件到OSS时给图片插入水印添加水印（无需后端服务）

效果图在uni-app微信小程序/手机h5网页网站/安卓app/苹果app/支付宝小程序/nvue等（全平台完美兼容）开发中，实现uniApp各端都兼容的“无需后端纯前端直传图片到阿里云OSS并且给图片加上水印功能
十一猫咪爱养鱼·2025-05-24 17:33

uni-app返回上一页面并携带参数

$off，可以方便的进行页面的通讯，触发的事件都是App全局级别的，跨任意组件，页面，nvue，vue等。调用uni.$on事件后要记得移除事件，或者直接使用uni.
·2025-05-18 13:56

uniapp(vue3) - 实现AP配网+物联网硬件配网示例代码说明，uniApp做WIFI设备配网开发AP配网功能，扫描附近WiFi、选择网络、通过TCP发送配置信息、热点配网解决设备连接失败报错

效果图在uni-app手机h5网页网站/支付宝微信小程序/安卓app/苹果app/nvue等(一般情况下都是微信小程序平台就够了)，实现uniappAP配网硬件配网物联网连接等，建立TCP通讯硬件设备完成配网
十一猫咪爱养鱼·2025-04-26 02:59

uniapp跨平台开发---webview调用app方法

1.app端实现注意:为了实现实时通信,app端页面是.nvue代码实现exportdefault{data(){return{url:'',}},methods:{onPostMessage(e){letmethod
m0_74824002·2025-04-25 11:42

uniapp跨平台开发---webview调用app方法

1.app端实现注意:为了实现实时通信,app端页面是.nvue代码实现exportdefault{data(){return{url:'',}},methods:{onPostMessage(e){letmethod
前端无涯·2025-04-23 04:39

uniApp小程序保存定制二维码到本地（V3）

这里的二维码组件用的uv-ui的二维码可以按需引入QRCode二维码|我的资料管理-uv-ui是全面兼容vue3+2、nvue、app、h5、小程序等多端的uni-app生态框架保存收款码constpayCodeUrl
家里有只小肥猫·2025-04-21 10:34

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

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

uniapp - [全端兼容] 音乐列表播放与切换歌曲，点击列表播放 mp3 wav 音乐文件（支持点击播放与暂停，图标切换 / 流畅的切换音频、暂停保留歌曲及恢复功能等详细教程）

本文站在新手角度，实现了uniapp全端兼容（h5网页/小程序/安卓苹果app/nvue等），歌曲音乐列表点击播放与暂停、切换歌曲等功能（音乐列表多个音频切换），支持uniappv2/v3版本，您可以直接复制源码
王二红·2025-04-13 02:47

uniapp自定义圆形滑杆

上代码吧我这个是在NVUE中运行的代码，其他没有测试,主要是学习与参考，如果不能用，就学习其中的逻辑，主要在边界的处理，我当时也是看着别人的做的，不知道为什么。。。。-。
Little_Code·2025-04-02 19:23

uniapp [全端兼容] - 详细实现全局修改设置字体大小功能效果，统一修改页面字号字体大小，一键改变字号整个项目立即生效，大中小字号预设、老年人大字模式场景，uniApp全平台兼容控制页面字号大小

在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，详解实现全局设置字体大小，实现小中大的字体切换，改变设置改变全局字体大小功能，支持要动态设置要变更字号的页面
王二红·2025-03-28 20:32

uniapp [全端兼容] - 详细实现下拉菜单筛选效果功能，提供各种条件筛选场景单选、多选、日期时间、自定义插槽、排序上下箭头等（详细示例源代码，全平台兼容支持小程序、H5网站、app、nvue）

在uni-app（h5网页/小程序/安卓苹果app/nvue等）项目开发中，手机移动端下拉条件筛选菜单功能，下拉式筛选菜单面板，支持插槽自定义内容、单选列表、多选列表、多级联动、复杂级联列表、排序上下小三角等通用示例
王二红·2025-03-24 21:21

uniapp(全端兼容) - 最新详细实现可拖动悬浮按钮功能，支持手指拖曳放到页面任意位置，uniapp可拖动的悬浮球，悬浮图标支持拖动效果（详细示例源码及注释，复制粘贴快速植入）

在uniapp小程序/h5网页网站/安卓苹果app/nvue等（全平台完美兼容）开发中，详细实现在uniapp中实现一个可拖动的悬浮按钮，uniapp全平台兼容的悬浮球功能，可挂载各种小卡片、客服等，自由拖动
街尾杂货店&·2025-03-15 02:13

uniapp - 全平台兼容 | 实现九宫格转盘抽奖功能效果，uniapp宫格老虎机抽奖活动，支持后端接口确定最终奖品，最好用的九宫格抽奖机插件组件源码，无bug（详细示例全部代码，一键复制开箱即用）

效果图在uniapp小程序/h5网页网站/安卓苹果app/nvue等（全平台完美兼容）开发中，完成实现九宫格效果抽奖转盘机，丝滑流畅的抽奖体验，可以调用服务端接口确定必中的奖品，自定义概率、奖品项、宫格数量等等
街尾杂货店&·2025-02-23 11:12

uniapp - [全端兼容] 高性能 tabbar 底部菜单凸起效果，原生系统自定义底部菜单不卡顿、切换页面不闪烁、自动缓存页面（底部菜单中间自定义一个图片并悬浮起来）

在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）项目开发中，详解基于uniapp系统原生tabbar底部菜单，植入一个向上凸起的“图片”菜单，并支持点击触发事件
王二红·2025-02-06 22:26

uniapp安卓端后台定时任务不能触发问题

如果用vue界面就会导致这个问题,因为实际上是加载了一个浏览器内核,有的手机一旦退出到后台就会停止运行js代码而用nvue则用原生技术实现,就能有一定的后台运行能力尤其是app.vue里面如果有全局定时任务的时候
张小勇·2025-02-03 01:35

uniapp - [全端兼容] 实现精美Editor富文本编辑器功能，uniApp全平台兼容的富文本插件组件用户可上传图片及对接服务器存储文件等，手机移动端H5网页富文本/小程序富文本/App富文本！

在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，详解引入使用富文本编辑器及图片上传显示等功能，用户可上传图片显示和服务器保存回显效果（插入图片），
王二红·2025-01-29 08:04

uniapp下拉菜单

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

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

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

uniapp [全端兼容] - 最新详细实现发送emoji表情包及自定义图片图标小表情功能，支持文字与表情混合显示或光标处插表情，安卓苹果手机显示无差异，类似QQ微信聊天框弹出左右滑动选择表情发送显示

在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）项目开发中，详解完成“uniApp表情包emoji”，支持自定义表情包替换或移除，uniapp自定义图片/
王佳斌·2024-08-24 11:05

uni-app生命周期 不说废话，直击重点 这篇就够了！

应用生命周期应用生命周期函数表：函数名说明onLaunch初始化完成时触发（全局只触发一次）onShow启动或者从后台进入前台时触发onHide从前台进入后台时触发onError报错时触发onUniNViewMessage对nvue
碎像·2024-02-14 23:50

uni-app三种生命周期及页面跳转方法

初始化完成时触发(全局只触发一次)onShow:当uni-app启动，或从后台进入前台显示onHide:当uni-app从前台进入后台onError:当uni-app报错时触发onUniNViewMessage:对nvue
星空你好·2024-02-03 17:16

uni-app 引用地图

id=615插件引用后进行了部分修改目录index页面组件页面【创建nvue文件】生成高德地图Keyindex页面-->//引用组件uni-app中创建nvue文件//importhchPositionfrom
花归去·2024-01-31 08:27

uniapp制作app的nvue组件live-pusher聚焦框问题

methods:{//拦截点击在live-pusher上,避免出现聚焦框over(){return},}//定位遮挡.dingwei{position:absolute;top:0rpx;width:557rpx;height:557rpx;background:#000000;opacity:0;}
前端专业写bug·2024-01-26 10:36

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

uniapp+uview：使用uniapp的swiper和uview的tabs标签组合实现Tabs标签|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI框架```
浮桥·2024-01-23 06:31

uniapp的nvue是什么

在App端，如果使用vue页面，则使用webview渲染；如果使用nvue页面(nativevue的缩写)，则使用原生渲染。
Qayrup·2024-01-16 16:38

uniapp+vue3面试纪要

onUniNViewMessage：监听来自nvue页面的消息。页面
*小天屎*·2024-01-16 06:08

uniapp中，nvue 页面文字换行不生效的解决办法

App-nvue和支付宝小程序不支持HTMLString方式，仅支持直接使用节点列表即Array类型，如要使用HTMLString，则需自己将HTMLString转化为n
微光无限·2024-01-15 00:09

引入阿里巴巴图标库

iconfont.css文件进行处理，将红色框选部分删除，第一张图留一个src，第二张图留一个;image.pngimage.png2、使用(都会吧，不说了)，如图(用Fontclass)uniapp的nvue
偶头像超凶·2024-01-14 09:48

uniapp：如何将返回标根据下滑的距离而改变颜色

在项目过程中我们会遇到这种情况：返回标和背景颜色重合导致无法看见的情况，这里有一个简单的方法可以实现监听页面向下滑动的api：onPageScroll:function(e){//nvue暂不支持滚动监听
荀鼠不是鼠·2024-01-13 08:44

uniapp生命周期

初始化完成时触发（全局只触发一次）onShow当uni-app启动，或从后台进入前台显示onHide当uni-app从前台进入后台onError当uni-app报错时触发onUniNViewMessage对nvue
可口可乐Vip·2024-01-12 08:10

uView Avatar 头像

#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过src指定头像的路径即可简单使用，如果传递了text参数，text将会优先起作用注意：请保证传递给src的是绝对地址，而不是相对地址
破浪前进·2024-01-11 22:26

uniapp 字母索引列表插件（组件版） Ba-SortList

支持首字母字母检索支持首字检索支持搜索支持点击事件支持长按事件支持在uniapp界面中集成，直接引用组件使用（nvue）uniapp常用原生插件大全效果展示使用方法在template中使用组件在script
三杯五岳·2024-01-11 06:56

uniapp z-paging简单使用——笔记

支持虚拟列表，支持nvue、vue3-DCloud插件市场使用搜索{{item}}这
前端榴脆骨·2024-01-09 05:23

uniapp动态设置Tabbar

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

uView Alert 警告提示

#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过title和description设置组件的标题和描述内容通过type设置主题类型，有primary,success,error
破浪前进·2024-01-07 20:39

uView ReadMore 展开阅读更多

#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过slot传入正文内容exportdefault{data(){return{//这是一段很长的文字，也可能包含有HTML标签等内容
破浪前进·2024-01-07 20:38

uView LoadMore 加载更多

"，2种动画可选加载后，如果还有数据，回到"加载前"状态，否则加载结束，显示"没有更多了"#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过status设置组件的状态，加载前
破浪前进·2024-01-07 20:08

uView CodeInput 验证码输入

该组件一般用于验证用户短信验证码的场景，也可以结合uView的键盘组件使用#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过mode参数模式，可取如下值：box(默认)-输入位置位一个方框
破浪前进·2024-01-07 20:07

uView Tabbar 底部导航栏

或者图片可以动态切换菜单的数量以及配置切换菜单之前，可以进行回调鉴权可以设置角标或数字化提示有效防止组件区域高度塌陷，无需给父元素额外的内边距或者外边距来避开导航的区域#平台差异说明App（vue）App（nvue
破浪前进·2024-01-07 20:07

uView Calendar 日历

#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过show绑定一个布尔变量用于打开
破浪前进·2024-01-07 13:57

uView Steps 步骤条

#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用说明由于安卓nvue下，overflow属性不支持visible值，故此组件暂不支持安卓nvue环境。
破浪前进·2024-01-07 06:26

uView Tabs 标签

#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过设置scrollable(默认为true)，配置tabs组件的内容是否可以左右拖动，一般4个标签以下时，无需拖动，设置为false
破浪前进·2024-01-07 06:25

uView Subsection 分段器

该分段器一般用于用户从几个选项中选择某一个的场景#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过list数组参数传递分段的选项，数组元素可为字符串，或者通过keyName
破浪前进·2024-01-07 06:25

uView IndexList 索引列表

通过折叠面板收纳内容区域#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用外层包裹一个index-list组件，锚点通过index-anchor组件传入，自定义列表内容通过index-item
破浪前进·2024-01-07 06:50

uView SwipeAction 滑动单元格

不能是数组循环的index，否则删除的时候，可能会出现数据错乱#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过slot传入内部内容即可，可以将v-for的"index"索引值传递给
破浪前进·2024-01-06 08:40

uView NoticeBar 滚动通知

该组件用于滚动通告场景，有多种模式可供选择#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用通过text参数设置需要滚动的内容exportdefault{data(){return
破浪前进·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 Line 线条

#平台差异说明App（vue）App（nvue）H5小程序√√√√#基本使用组件内部有预置的参数，直接使用即可，有如下几个参数需要了解：color为线条的颜色direction为线条的方向，默认为横向length
破浪前进·2024-01-06 05:09
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他