#Uniapp

uniapp- UTS 插件鸿蒙端开发示例 虽然我们这个示例简单 但是这个是难住很多人的一大步

UTS插件鸿蒙端开发示例以上示例已开源项目地址请参考示例代码。前言虽然这个UTS插件鸿蒙端的示例看起来很简单，但说实话，这一步其实难住了不少开发者。很多人第一次做UTS插件，尤其是要跑通鸿蒙端，都会在这里卡壳。希望这份文档能帮你少走弯路，顺利迈过这道坎。基础知识补充什么是UTS插件？UTS插件其实就是uni-appx扩展API的标准插件形式。你可以把它理解成"写一份TypeScript风格的代码，
在人间耕耘·2025-06-27 23:11

uni-card组件，使用thumbnail图标，修改图片尺寸

uniapp开发微信小程序。使用uni-card组件，使用thumbnail图标，修改图片尺寸。
胡斌附体·2025-06-27 20:13

【CSS 行高陷阱：如何避免文本被截断问题】

CSS行高陷阱：如何避免文本被截断问题创建时间：2025/6/26标签：CSS,布局,文本渲染,UniApp问题背景在移动端开发中，我们经常会遇到文本显示不完整的问题。
Gazer_S·2025-06-27 18:02

【UniApp 日期选择器实现与样式优化实践】

UniApp日期选择器实现与样式优化实践发布时间：2025/6/26前言在移动端应用开发中，日期选择器是一个常见且重要的交互组件。
Gazer_S·2025-06-27 13:04

【uniapp】给图片添加水印

1、创建画布varcontext=uni.createCanvasContext('Canvas')2、获取本地图片uni.chooseImage({count:1,success:(res)=>{varfile=res.tempFilePaths[0];consttempFiles=res.tempFiles[0]})})3、获取图片信息----添加水印uni.getImageInfo({src
改bug的101天·2025-06-27 11:21

uniapp微信小程序：editor组件placeholder字体样式修改

一、问题描述微信小程序editor组件的placeholder字体默认为斜体字，官方对此没有属性可以设置它的样式，并且直接在组件上设置样式也是无效的。二、解决方案通过审查节点：可以看到editor的placeholder其实是在一个伪元素上。在页面或者App.vue中设置以下样式，注意不要再组件中使用（否则无效）.ql-container.ql-blank::before{font-style:n
晓风伴月·2025-06-27 11:50

uniapp 图片上传功能以及给图片添加水印

完整图片上传封装代码：*{{title}}import{Component,Prop,Vue,Watch}from"vue-property-decorator";import{UserModule}from"@/store/modules/user";import{uploadFile}from"@/utils/uni-api";importAPIConfigfrom"@/config";imp
·2025-06-27 11:49

小程序实现摄像头拍照 + 水印绘制

技术栈：uniapp、vue迭代：后期还可以继续扩展多方位的定点水印和支持绘制多句话的
小晗同学·2025-06-27 06:39

UniApp使用uView UI开发教程1

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

uniapp小程序在线预览

文章目录此文章主要为自己的笔记，所以直接上代码此文章主要为自己的笔记，所以直接上代码代码如下：chakan(){letthat=thisuni.downloadFile({url:that.fileUrl,//必须是HTTPS地址（小程序要求）success:function(res){consttempFilePaths=res.tempFilePath;console.log(tempFile
weixin_52406641·2025-06-26 17:40

uni-app项目实战笔记21--uniapp缓存的写入和读取

一、缓存的写入uni.setStorageSync("storageClassList",classifyList.value)二、缓存的读取，如果缓存不存在，则返回空数组conststorageClassList=uni.getStorageSync("storageClassList")||[];三、对读取到的数据进行转换处理//1.创建响应式数组constclassList=ref([])/
moxiaoran5753·2025-06-25 21:51

uniapp项目之小兔鲜儿小程序商城(六) 地址模块:地址管理页的实现,地址表单页的实现

文章目录地址模块1.静态结构2.动态设置标题3.功能:新建地址3.1.封装api接口3.2.类型声明3.3.收集表单数据4.address页的列表渲染4.1.封装api接口4.2.页面调用4.3.类型声明(复用)4.5.动态渲染4.5.优化:onLoad不能实时获取最新地址数据5.功能:修改地址--数据回显5.1.封装api接口5.2.当有id时(修改操作),页面调用6.功能:修改地址--提交表单
前端OnTheRun·2025-06-25 21:21

uniapp项目之小兔鲜儿小程序商城(四) 商品详情页的实现:uniapp弹层组件uni-popup的使用

商品详情页0.商品详情页分为登录前和登录后两个功能板块登录前：展示商品信息，轮播图交互（当前模块）,弹出层交互登录后：加入购物车，立即购买（SKU模块）1.静态页面布局新建pages/goods/goods.vue//src/pages/goods/goods.vue//获取屏幕边界到安全区域距离:不设置就会挡住底部按钮const{safeAreaInsets}=uni.getSystemInfo
前端OnTheRun·2025-06-25 20:15

uniapp小兔鲜儿小程序

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档uniapp小兔鲜儿小程序前言一、项目介绍二、技术栈三、项目模块四、运行环境百度网盘分享前言开源项目学习提示：以下是本篇文章正文内容，下面案例可供参考一
Chappie_Home·2025-06-25 20:43

uniapp——轮播图、产品列表轮播、上一页、下一页、一屏三张图

案例展示组件封装</<
·2025-06-25 17:51

uniapp：微信小程序胶囊「复制链接」灰色处理

在原生开发的小程序中默认是支持复制的但是在uniapp开发的小程序中无法复制（体验版与开发版都可以进行复制，但发布后不可）解决方法：methods:{onShareAppMessage:function
dingcho·2025-06-25 17:51

uniapp安卓GPIO电平控制

模块简介本模块为UniApp提供了对Android系统下GPIO的访问能力，支持导出、设置方向、读写电平值等操作。适用于Android架构设备（如RK3288平台）。
不知名的前端专家·2025-06-25 16:50

【uniapp小程序】上传图片_小程序 uni，2024年最新Golang开发面经分享

OBJECT参数说明参数名类型必填说明平台差异说明countNumber否最多可以选择的图片张数，默认9见下方说明sizeTypeArray否original原图，compressed压缩图，默认二者都有App、微信小程序、支付宝小程序、百度小程序extensionArray否根据文件拓展名过滤，每一项都不能是空字符串。默认不过滤。H5(HBuilderX2.9.9+)sourceTypeArra
acupofcoffee·2025-06-25 16:18

跨平台应用开发进阶(二十五) ：uni-app实现IOS云打包解决IOS提交审核相册等隐私描述语导致审核失败问题_uniapp info

+-[3.1IOS隐私信息](#31_IOS_25)-[3.2设置方法](#32__40)+[四、拓展阅读](#_75)一、问题描述Guideline5.1.1-Legal-Privacy-DataCollectionandStorageWenoticedthatyourapprequeststheuser’sconsenttoaccessthecamera,butdoesn’tsufficien
2401_84435768·2025-06-25 16:45

uniapp 生成二维码

一般常用到的二维码生成库，在使用的过程中，都需要设置到指定的dom元素上，但是在uniapp项目中，想要像vue项目中一样，获取标签的dom元素是比较难操作的。
祖先森、·2025-06-25 12:49

2025年最新关于uniapp 面试题及其答案解析，万字长文，建议收藏..

1.UniApp是什么？解析：UniApp是一个使用Vue.js开发的跨平台应用框架，可以编译到iOS、Android、H5以及各种小程序（如微信、支付宝、百度等）。
·2025-06-25 08:50

跨平台应用开发进阶(六十三)：微信小程序开发_跨平台开发小程序用什么

2.3.5WuxWeapp](#235_Wux_Weapp_73)*[2.3.6TaroUI](#236_TaroUI_81)*[2.3.7MinUI](#237_MinUI_89)+[三、创建一个UNI-APP项目](#UNIAPP
2401_84446963·2025-06-24 15:46

uniapp 读，写，删本地文件

写入{{count}}s读取删除import{mapState}from'vuex'exportdefault{data(){return{count:'',timer:null,resultdata:[]}},computed:{...mapState({token:state=>{returnstate.user?state.user.token:null},user:state=>{retu
不知名的前端专家·2025-06-24 06:13

uni-app 安卓 iOS 离线打包参考

App离线打包原生工程配置安卓：【uniapp】uniapp离线打包安卓应用或者云打包发布app步骤&问题记录iOS：uni-app实现XCode苹果本地离线打包APP
·2025-06-24 05:07

用Uniapp开发鸿蒙项目 五

一、前言接着之前的学习，今天要给项目加上Tabs标签页和List列表功能。这俩在实际App里超常用，像底部导航切换页面、展示多条数据（比如联系人、商品列表），用它们就很合适。咱继续在现有demo1项目里折腾，把学习过程记下来。二、需求规划Tabs功能：在首页（index）底部加个Tabs，分“首页”“我的”两个标签，切换时能跳转到对应页面（虽然现在页面少，但先把结构搭好！）。List列表：在use
·2025-06-23 22:52

使用UniApp开发HarmonyOS 5资类应用核心易错点

一、分布式能力集成：权限与状态同步陷阱设备发现失败（TOP1问题）根因：62%的故障因设备未登录相同华为账号导致；本地防火墙阻断分布式软总线通信（需开放端口）；未在module.json5声明ohos.permission.DISTRIBUTED_DATASYNC权限。解决方案：//module.json5配置"requestPermissions":[{"name":"ohos.permissi
哼唧唧_·2025-06-23 16:10

uniapp 搜索引擎seo优化(ssr 服务器渲染 非uniCloud版)

uniapp官方提供的seo优化方案必须要uniCloud也就是云函数才能使用。如果你要使用云函数这篇文章对你没用。
斌GG·2025-06-23 09:28

Uniapp H5端SEO优化全攻略：提升搜索引擎排名与流量

Uniapp作为一款优秀的前端跨端开发框架，能够快速开发H5、小程序、App等多端应用。
vvilkin的学习备忘·2025-06-23 08:54

uniapp中怎么引入echarts(最简单)

目录引言echarts.vue文件代码echarts-config文件代码在需要引入echarts图表的页面(.vue)中进行导入该文件(echarts.vue)使用该组件(echarts)引言在uniapp
小高求学之路·2025-06-22 21:31

微信短剧小程序源码UNIAPP开源版

微信短剧小程序源码UNIAPP开源版是一款非常出色的工具，特别适合希望快速进入短视频领域的开发者和企业。
有梦想的·2025-06-21 21:05

uniapp scroll-view横向滚动不起效、纵向滚动自适应高度

1.scroll-view纵向滚动自适应高度使用竖向滚动时，需要给一个固定高度，通过css设置height；如果不想写死、不想通过js计算，希望灵活获取高度应该怎么做呢，用css即可示例：//外层内容1内容2滚动区域即可；后面在真机测试下纵向滚动还遇到问题，切换到不同tab时，滚动条不复位，依然保持在上一次的滚动位置；增加:scroll-top=“scrollTop”，在切换tab时把scroll
赫卡夹·2025-06-21 20:56

Vue组件花式聊天指南：6种传值妙招，总有一款适合你

我精通HTML、CSS、JavaScript等基础前端技术，并深入掌握Vue、React、Uniapp、Flutter等主流框架，能够高效解决各类前端开发问题。
江城开朗的豌豆·2025-06-21 19:21

uniapp，实时获取系统时间（动态显示）

在开发中，如果涉及到时间有关的，有可能需要把系统的时间以动态的形式展示出来。一、页面效果后面的秒钟是会变的，一秒改变一下，也就是说这个就是与系统时间一致的。二、思路我们通过newdate对象，获取系统的时间，逐个获取年、月、日、时、分、秒，然后再通过字符的处理，将他们格式化为我们需要的样式。然后开启一个定时器，每一秒执行一次就可以了。三、实现代码{{time}}exportdefault{name
～蓝桉·2025-06-21 19:46

uni-app项目实战笔记17--获取系统信息getSystemInfo状态栏和胶囊按钮

uniapp提供了获取系统信息的API:getSystemInfo（异步操作），详情可访问uniapp官方文档：系统信息的概念|
moxiaoran5753·2025-06-21 13:06

Uniapp在鸿蒙中的使用 二

一、Uniapp对鸿蒙平台的支持概述Uniapp从v3.1.0版本开始正式支持鸿蒙（HarmonyOS）平台，可将Vue代码编译为鸿蒙原生应用（HAP包），支持以下特性：原生渲染：通过鸿蒙原生组件渲染界面
·2025-06-21 06:57

在uniapp中使用swicth组件传递额外的参数方法

switchChangeStatus(event,scope.row)"/>
zhangyao940330·2025-06-21 00:46

PHP设备巡检系统小程序源码

设备巡检系统：智能高效，全方位守护您的资产安全基于前沿的ThinkPHP框架与Uniapp技术深度融合，我们匠心独运，打造出一款专为电力、水利、物业等关键巡检领域精心设计的设备巡检系统。
·2025-06-20 23:15

微信小程序 uniapp+vue学校高校机房设备维修报修管理系统w04op

统功能需求包含业务需求、功能需求和用户需求；对系统的功能上的需求分析是指通过了解开发的技术与实力，用户的习惯等各因素的前提下进行分析，了解最基本的需求后，基本功能如下：本课题要求实现优质的学校机房管理系统，就一定要包含有数据库、服务器相联系，从而实现系统的功能运转。系统分为管理员和维修员两个角色，主要包括系统登录注册，个人信息和密码修改，对维修员管理、用户管理、设备分类管理、实验设备管理、设备报修
qq_3166678367·2025-06-20 23:44

uniapp通过百度地图API获取手机定位及地址

uniapp通过百度地图API获取手机定位及地址先获取手机的定位(WGS84)坐标，然后转为BD09坐标,然后通过逆地址编码获取到地址:完整代码如下:步骤一:在manifest.json中加入百度地图的
骨子里的偏爱·2025-06-20 23:41

在uniapp中input数字输入框 ios兼容性问题

number在3.1.22版本以上ios不支持包含小数和负数的显示，在日常运用中输入数字的输入框最好运用digit
zhangyao940330·2025-06-20 23:41

在UniApp中实现滚动时导航栏渐显固定效果

由于有时候UI出图很丰富,根本没有固定的导航栏,但是又要实现滚动页面有固定导航栏,还是渐渐显示的效果我的导航栏exportdefault{data(){return{navbarOpacity:0,//透明度navbarFixed:false,//是否固定navbarHeight:44,//导航栏高度，根据实际调整scrollTop:0//滚动位置}},methods:{handleScroll(
时无诳语Imp·2025-06-20 19:14

uni-app项目实战笔记15--使用uni-popup实现弹出层和uni-rate实现评分效果

关于uni-popup组件可访问uniapp官网查看更多：uni-popup弹出层|uni-app官网。
moxiaoran5753·2025-06-20 19:13

uniapp微信小程序图片生成水印

整体思路：用户通过uni.chooseImage选择图片后，获得图片文件的path和size。通过path调用uni.getImageInfo获取图片信息，也就是图片宽高。图片宽高等比缩放至指定大小，不然手机处理起来非常久，因为手机随便拍拍就很大。界面定义canvas组件，组件的宽高就是图片缩放后的宽高。uni.createCanvasContext创建画布上下文，然后画入图片，再画水印。调用un
社会底层无业大学生·2025-06-20 17:02

Cannot read property ‘$vm‘ of undefined at getAppVm

在uniapp项目中开发小程序，使用了uni-ui组件，只是配置了一些文件后运行发现报错了在微信开发工具里面提示Cannotreadproperty'$vm'ofundefinedatgetAppVm信息指示是
小皮皮不皮·2025-06-20 13:33

uniApp配置代理devServer 解决页面跳转跨域

manifest.json文件中添加"devServer":{"https":false,"port":9100,"proxy":{"/api":{"target":"http://aaa","changeOrigin":true,"secure":false,"pathRewrite":{"^/api":"/"}}}}}
weixin_39875208·2025-06-20 04:58

uniapp下拉渐显自定义导航栏

通过自定义导航栏实现：导航栏往下滑动exportdefault{data(){return{h:uni.getSystemInfoSync().statusBarHeight+45,opacity:0}},onPageScroll:function(Object){console.log(Object)this.opacity=(Object.scrollTop/this.h)console.lo
是小张呀！·2025-06-20 04:28

UniApp项目中的多服务环境配置与跨域代理实现

本文将详细介绍如何在UniApp项目中配置和管理多个后台服务地址，以及如何处理跨域请求问题，特别是在H5环境下的代理配置。
蓝精灵001·2025-06-20 04:57

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

213import{ref}from"vue";import{onLoad,onPageScroll}from"@dcloudio/uni-app";importnavbarfrom"@/uni_modules/uview-plus/components/u-navbar/u-navbar.vue";conststatusBarHeight=ref(0);constnavHeight=ref(0)
ekilito·2025-06-20 04:57

解决uniapp中video层级过高遮挡问题的终极方案

解决uniapp中video层级过高遮挡问题的终极方案去发现同类优质开源项目:https://gitcode.com/项目介绍在开发uniapp应用时，开发者常常会遇到一个棘手的问题：video组件的层级过高
段鸿才·2025-06-20 03:51

使用uniapp 开发 h5 定位，选地址

用uniapp开发公众号，h5，定位选地址！！！
两个人的幸福online·2025-06-19 23:21
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他