uniapp知识汇总

uniapp h5的底部高度问题

当你的H5tabbar页面只想配置100vh时，那么页面就会出现滚动条https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-%E5%8F%98%
走，带你去玩·2025-06-17 05:15

uniapp手写_uniapp+canvas实现手写签字

class="mycanvas"canvas-id="mycanvas"@touchstart="touchstart"@touchmove="touchmove"@touchend="touchend">确认上传清除笔迹importUtilfrom"@/utils/httpUtil.js";importLocalfrom"@/utils/local.js";varx=20;vary=20;exp
在下小悟·2025-06-17 05:15

uniapp实现下拉框模糊查询

文章目录uni-app下拉框模糊查询功能实现实现效果实现思路uni-app下拉框模糊查询功能实现使用uView的Popup弹出层组件实现下拉列表模糊查询功能。实现效果实现思路1、表单中输入框加入点击事件，点击触发事件，调用Popup弹出下拉框。2、Popup弹出下拉框默认展示下拉列表，并在下拉列表上面加入搜索框。3、搜索框输入文本内容，回车调用模糊查询方法。在方法中获取搜索框输入的值，将搜索框输入
严啦啦️·2025-06-17 05:15

uniapp 手写签名组件

组件地址：手写签名组件，弹框签名，可配置签名，签名返回base64，签名专用-DCloud插件市场#欢迎使用手写签名组件**手写签名组件，签名后可以获取到base64编码，同时内置了弹框签名组件，对于不想布局的同学来说可以开箱即用」**有项目需要开发的请联系QQ:371524845开发不易，如果帮助到你的，请支持有问题请留言，作者会积极更新#使用方法#####该组件内置两种组件signature和
真是个小淘气鬼·2025-06-17 05:45

uniapp制作多选下拉框和富文本（短信页面）

实例多选下拉框实现http://t.csdnimg.cn/TNmcF富文本实现http://t.csdnimg.cn/Ei1iV
Yui_NIE·2025-06-17 05:14

uniapp 手写签名实现

在uniapp中实现手写签名功能，可以使用HTML5的canvas元素。以下是一个基本的实现方案：在页面上放置一个canvas元素。
豆豆（前端开发+ui设计）·2025-06-17 05:14

uniapp中vue3 ，uview-plus使用!

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

uniapp+vue3 随机、换一批

案例代码{{index+1}}、{{item.title}}换一批import{onLoad,onShow,onReachBottom}from'@dcloudio/uni-app'importifrom'@/libs/common/index.js'importapifrom'@/request/api.js'import{nextTick,ref,shallowRef,reactive}fro
耶啵奶膘·2025-06-16 16:20

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

问题复现：点击我methods:{myClick(){console.log('被禁用但还是进
dbt@L·2025-06-16 16:49

uniapp 腾讯地图服务

注册登录腾讯位置服务官网应用管理-创建应用后，创建key配额管理-设置key额度与账户额度manifest配置，把key填入web配置
·2025-06-16 16:17

『uniapp』搜索功能+商品列表滚动效果（详细图文注释）

目录预览效果准备工作代码分析与思路1.页面结构主容器：`menber-container`搜索框：`u-search-inner`菜单：`u-menu-wrap`2.数据模型`data()`中的数据定义:3.生命周期`onLoad(options)``onReady()``mounted()`4.方法`search()``searchClear()``swichMenu(index)``getEl
发现你走远了·2025-06-15 13:27

《深入探索 UniApp：跨平台开发得力助手》

《深入探索UniApp：跨平台开发的得力助手》在移动互联网时代，跨平台应用开发一直是开发者的热门话题。UniApp凭借其卓越的性能和便捷性，成为了众多开发者在进行跨平台应用开发时的首选框架。
m0_74777560·2025-06-15 11:40

【商城实战(95)】Ansible自动化运维，开启高效部署新篇章

从项目基础搭建，运用uniapp、ElementPlus、SpringBoot搭建商城框架，到用户、商品、订单等核心模块开发，再到性能优化、安全加固、多端适配，乃至运营推广策略，102章内容层层递进。
奔跑吧邓邓子·2025-06-15 10:31

uniapp 拍照图片加水印

有些app拍照时需要带有时间地址水印,防止随便上传图片拍照作假之类的行为水印相机用法首先组件注册在需要该操作的页面引入组件并注册htmljs//引入importMarkCamerafrom"@/components/water-mark-camera/index.vue"其次定义一个方法跳转到拍照页面去路由js//打开相机openCamera(){uni.navigateTo({url:'/pag
不喝可乐_·2025-06-15 09:28

uniapp+vue2+h5图片下载保存,微信浏览器、非微信浏览器

小程序端onDown(){//检查相册权限uni.authorize({scope:'scope.writePhotosAlbum',success:()=>{this.downloadImage();},fail:()=>{uni.showToast({title:"请授权相册权限",icon:"none"});}});},downloadImage(){common.request('post
·2025-06-14 18:10

HarmonyOS 5中UniApp的调试步骤

在HarmonyOS5中调试UniApp应用的完整步骤如下，涵盖环境配置、设备连接及调试方法：一、环境准备‌开发工具‌安装HBuilderX4.64+（需启用鸿蒙插件）可选安装DevEcoStudio5.0.3
·2025-06-14 07:01

uniapp 页面栈一定深度后，回首页导航到新页面的解决方案

uniapp页面栈一定深度后，回首页导航到新页面的解决方案uniapp页面导航解决方案在uniapp中，要实现先弹出页面栈回到首页，然后再跳转到指定页面。
·2025-06-14 01:23

『uniapp』url拦截屏蔽 避免webview中打开淘宝店铺自动跳转淘宝

.*'`4.回调函数`function(e){console.warn('allowurl:',e.url);}`作用：可能的应用场景：核心代码总结欢迎关注『uniapp』专栏，持续更新中欢迎关注『uniapp
发现你走远了·2025-06-13 21:23

uniapp tabBar 中设置“custom“: true 在H5和app中无效解决办法

uniapp小程序自定义底部tabbar，但是在转成H5和app时发现"custom":true无效，原生tabbar会显示出来解决办法如下在tabbar的list中设置“visible”:false代码如下
小离a_a·2025-06-13 20:16

uniapp调用摄像头，调用相册

uniapp调用摄像头，调用相册下面展示一些内联代码片。
小离a_a·2025-06-13 20:16

#Uniapp篇：chrome调试&&unapp适配

模拟机开发调试移动端页面Chrome://inspect/#devicesMuMu模拟器+Edge浏览器：Android原生APP嵌入的H5页面元素定位chrome://inspect/#devicesuniapp
程序员xiaolibao·2025-06-13 19:08

uni-app学习笔记三十六--分段式选项卡组件的使用

先来看效果：上图有3个选项卡（PS:uniapp官方称之为分段器，我还是习惯叫选项卡），需要实现点击不同的选项卡时下方切换显示对应的数据。下面介绍下实现的过程。
moxiaoran5753·2025-06-13 18:37

UniApp转微信小程序之全局组件

一、UniApp设置全局组件1.全局注册组件两种方法推荐使用easycom注册，easycom可以大规模注册组件//方法一Vue自带component方法//位置main.jsimportGlobalComponentfrom
晚り烟·2025-06-13 18:07

uniapp请求接口封装

前言：uniapp请求接口封装实现效果：实现代码：核心：request.js//是否为本地环境constisDev=process.env.NODE_ENV==='development'//默认配置constdefaultOptions
浩星·2025-06-13 18:37

uniapp小程序不支持动态组件问题

使用uniapp提供的框架进行开发。在pc端可以使用的component动态组件标签不被支持。HbuilderX中启动微信小程序时报编译错误。替代方案。在诸多收费的自定义表单中。
胡斌附体·2025-06-13 18:03

uniapp常用技巧

第一篇scss函数的使用创建一个mixin.scss文件/*控制文本的隐藏*/@mixinellipsis($clamp:1){overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:$clamp;}在组件中使用@import'@/assets
闷墩儿这只小猫咪·2025-06-13 12:24

uniapp 基于单选框多选框实现上拉触底多选/单选、回显

问题:在uniapp上实现分页多选的操作结果:可以传接口(接口只能post请求)可以搜索下面是结果图片展示单选多选都可以头部标题搜索参数等等都是需要传值的下面是组件的完整代码取消{{headName}}
0716*_zwj·2025-06-13 12:52

UniApp APP打包方法（Android/iOS双平台）

一、Android平台打包（一）证书申请1.云证书由DCloud服务器根据你的appid自动生成证书，生成证书后可登录DCloud开发者中心查看证书详情或下载证书文件。云证书的优势是开发方便，但在发布商业应用时，商业组织往往会分离开发证书和发布证书，发布证书仅少数人掌管。DCloud建议开发阶段使用云证书，开发者打包出apk后，交给掌管发布证书的人员使用发布证书自行重签，再上架应用商店。需要注意的
青见丑橘·2025-06-13 06:08

uniapp云打包ios应用从证书到上架新手教程

开发过uniapp打包的同学们会发现一个问题，打包ios应用的时候需要ios证书和证书profile文件，打包完后，又需要上架。
·2025-06-13 03:16

Uniapp app在线预览pdf文件流

最近项目需要开发个新需求，在app里实现pdf在线预览，并且公司为了防止直接访问pdf链接，所以后端考虑用pdf流的格式通过接口返回给前端，一开始以为是个很简单的，毕竟uniapp里成熟的预览pdf插件还是不在少数
码农空城·2025-06-13 01:03

【uniapp】小程序中input输入框的placeholder-class不生效

解决方法1.去掉scoped2.额外写一组style::v-deep.textarea-placeholder{font-size:24rpx;font-weight:400;//color:rgba(176,184,194,1);color:red;}3.样式穿透scss::v-deep.textarea-placeholder{font-size:24rpx;font-weight:400;/
顽强d石头·2025-06-13 01:02

uniapp 集成腾讯云 IM 富媒体消息（地理位置/文件）

UniApp集成腾讯云IM富媒体消息全攻略（地理位置/文件）一、功能实现原理腾讯云IM通过消息扩展机制支持富媒体类型，核心实现方式：标准消息类型：直接使用SDK内置类型（文件、图片等）自定义消息类型：通过
^Rocky·2025-06-12 17:30

uniapp跳转到webview组件的时候，要注意：移除所有不可见字符（包括零宽空格）

‌清除URL中的零宽空格‌在编码前使用正则表达式移除不可见字符：$openWebview=function(url){//移除所有不可见字符（包括零宽空格）constcleanUrl=url.replace(/[\u200B-\u200D\uFEFF]/g,'');console.log(encodeURIComponent(cleanUrl));//输出正常编码结果uni.navigateTo(
桃花岛主70·2025-06-12 10:48

仓库物资出入库管理系统源码+uniapp小程序

一款基于ThinkPHP+uniapp开发的仓库物资出入库管理系统，适用于单位内部物资采购、发放管理的库存管理系统。提供全部无加密源码，支持私有化部署。
·2025-06-12 09:03

省钱兄JAVA红娘系统源码解析：高并发相亲交友架构设计与实现

以下从架构设计、技术实现及优化策略三方面进行解析：一、架构设计：分层与模块化分层架构前端层：支持微信小程序、H5、APP等多端接入，采用Uniapp框架实现跨平台兼容，降低开发成本。
省钱兄科技·2025-06-12 07:18

uniapp 腾讯云 COS 访问控制实战（细粒度权限管理）

uniapp腾讯云COS访问控制实战（细粒度权限管理）引言腾讯云COS提供多维度的访问控制机制，本文将深入讲解如何在UniApp中实现细粒度权限管理，覆盖临时密钥、Bucket策略、CAM角色等核心方案
^Rocky·2025-06-12 04:54

uniapp 实现腾讯云音视频通话功能

uniapp深度集成腾讯云音视频通话功能实战指南一、技术架构解析腾讯云音视频解决方案采用IM信令控制层+TRTC媒体传输层的双架构设计，实现核心能力解耦：1.发送INVITE信令2.转发信令3.返回OK
^Rocky·2025-06-12 04:24

uniapp 实现腾讯云IM @成员功能

UniApp集成腾讯云IM实现@功能的实战指南一、技术选型与实现目标在社交类应用开发中，群聊@功能是提升沟通效率的核心交互。
^Rocky·2025-06-12 04:53

用vsCode开发uni-app(vue + ts)项目流程

uni-app2.组件自动引入3.配置ts类型五、小程序端Pinia持久化六、uni.request请求封装七、请求成功提取数据和设置类型八、封装Promise请求函数1.获取数据失败前言如果我们需要创建一个uniapp
阿超学编程·2025-06-12 03:02

uniapp从零开始-框架背景与项目创建

1.大前端时代下的跨平台开发在大前端时代下，前端开发人员仅仅掌握单一的web开发能力已经完全无法满足市场需求。例如我们想要在美团上买一张旅游景点的门票，既可以在美团的AndroidAPP中操作，也可以在美团的IOSAPP中操作，还可以在美团的微信小程序端、快手小程序、抖音小程序、支付宝小程序操作。对于顾客来说，不管在哪个平台都可以体验到同样的服务，但对于开发者来说，多一个平台就意味着多一个需要开发
偷米偷米·2025-06-12 03:00

UniApp组件封装，2025年最新HarmonyOS鸿蒙模块化开发项目式教程

一、环境配置与前置条件‌开发工具要求‌HBuilderX4.64+（鸿蒙插件已预装）DevEcoStudio5.0.3.400+（真机调试必备）鸿蒙离线SDK（通过HBuilderX导入，每个项目独立配置）‌项目初始化#创建Vue3项目（鸿蒙仅支持Vue3）npxdegitdcloudio/uni-preset-vue#vite-tsmy-project在manifest.json中声明鸿蒙支持：
程序员小刘·2025-06-11 21:13

uniapp打包微信小程序verndor.js过大解决方案

 "optimization":{   "subPackages":true    //分包：子包内容引用内容打包到子包},"lazyCodeLoading":"requiredComponents"//按需引入
FOREVER IKAROS·2025-06-11 11:36

uniapp开发小程序vendor.js 过大

在使用uniapp，开发微信小程序的时候，由于vendor.js太大导致无法打包，在网上找了一些办法最后实现了压缩话不多说直接上代码首先在manifest.json文件中的mp-weixin中添加"optimization
烂笔头儿@·2025-06-11 11:33

基于UniApp开发HarmonyOS 5.0鸿蒙汽车应用的指南

‌一、开发环境配置1.‌基础工具（1）DevEcoStudio5.0.3.400+‌：内置鸿蒙模拟器及JSSDK工具链（2）HBuilderX4.22+（Alpha）‌：支持鸿蒙跨平台编译2.项目初始化unicreate-pharmonyoscar-app#创建鸿蒙汽车应用项目（1）修改manifest.json配置鸿蒙参数："harmonyos":{"package":"com.example.
·2025-06-11 05:52

基于Uniapp开发HarmonyOS 5.0旅游应用技术实践

一、技术选型背景1.跨平台优势Uniapp采用Vue.js框架，支持"一次开发，多端部署"，可同步生成HarmonyOS、iOS、Android等多平台应用。
程序员小张丶·2025-06-11 05:52

SpringBoot+uniapp 的 Champion 俱乐部微信小程序设计与实现，论文初版实现

摘要本论文旨在设计并实现基于SpringBoot和uniapp的Champion俱乐部微信小程序，以满足俱乐部线上活动推广、会员管理、社交互动等需求。
华子w908925859·2025-06-11 04:45

在uniapp中为特定iOS页面设置横屏不生效问题解决

在UniApp中设置特定iOS页面横屏时，可能会遇到设置不生效的问题。通常，这个问题可能与页面的设置、配置文件或iOS系统的限制有关。
·2025-06-10 23:23

Uniapp如何适配HarmonyOS5？条件编译指南以及常见的错误有哪些？

以下为Uniapp适配HarmonyOS5的条件编译全指南，结合关键配置与实战技巧：一、环境与基础配置‌开发环境要求‌‌IDE‌:HBuilderX4.64+（需安装鸿蒙插件）+DevEcoStudio5.0.3.400
程序员小刘·2025-06-10 21:22

PHP+Uniapp构建跨端相亲交友系统软件平台：技术实践与多平台适配指南的婚恋详情交友小程序源码

一、技术架构设计1分层架构**前端**：基于Uniapp框架，支持iOS、Android、H5及小程序四端同步开发，通过Vue.js语法实现组件化开发，快速构建动态匹配卡片、语音聊天室等复杂交互功能。
·2025-06-10 15:45

基于Uniapp的HarmonyOS 5.0体育应用开发攻略

一、技术架构设计1.混合开发框架选型（1）使用Uniapp3.8+版本支持ArkTS编译（2）通过uni-harmony插件调用原生能力（3）分层架构设计：graphTDA[UI层]-->|Vue语法|
程序员小张丶·2025-06-10 07:46
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他