uni-app

完美解决uni-app打开页面无法自动播放视频的问题

video.vueimportindexHeaderfrom'./index-header.vue';importcuVideofrom'./cu-video.vue';exportdefault{components:{indexHeader,cuVideo},data(){return{title:'Hello',videoList:[],}},onLoad(){this.getVideoLi

JAVA叶知秋·2025-05-12 16:57

uni-app 通过 UTS 插件实现鸿蒙原生组件嵌入

随着uni-app对鸿蒙系统的支持不断增强，开发者可以通过UTS插件实现鸿蒙原生组件的嵌入与交互。

撸码到无法自拔·2025-05-12 03:28

uni-app，小程序自定义导航栏实现与最佳实践

文章目录前言为什么需要自定义导航栏？基本实现方案1.关闭原生导航栏2.自定义导航栏组件结构3.获取状态栏高度4.样式设置内容区域适配跨平台适配要点iOS与Android差异处理常见导航栏效果实现1.透明导航栏2.滚动渐变导航栏3.自定义返回逻辑解决常见问题1.内容被导航栏遮挡2.iOS和Android显示不一致3.键盘弹出导致布局问题性能优化总结前言在移动应用开发中，导航栏是用户界面的重要组成部分

向明天乄·2025-05-10 11:43

uni-app条件注释实现跨端兼容

uni-app条件注释实现跨端兼容概念：条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台写法：以#ifdef加平台标识开头，以#endif结尾组件的条件注释h5

陈醋拌饭·2025-05-10 07:11

uni-app的条件编译跨端兼容

uni-app的条件编译跨端兼容为什么要进行跨端兼容？通过条件编译进行跨端兼容为什么要进行跨端兼容？

YuZou 邹宇·2025-05-10 06:40

星河璀璨，uni-app 亮相华为 HDC2024 开发者大会

作为鸿蒙生态的重要合作伙伴和深度参与者，DCloudCTO崔红保受邀出席本次大会，并在鸿蒙生态伙伴SDK分论坛中发表《uni-app助力开发者快速构建高性能鸿蒙原生应用》的技术演讲，现场反响热烈。

hbcui1984·2025-05-10 06:38

uni-app 小程序中的定位问题以及页面安全距离

uni-app小程序定位问题一、问题描述：页面上定位偏移最近接到一个需求，在小程序首页写一个新手引导。

halo1416·2025-05-09 21:04

uni-app 微信小程序报错：Cannot read property ‘forceUpdate‘ of undefined

https://developers.weixin.qq.com/community/welogin?redirect_url=%2Fsandbox打开链接，微信扫描，获得测试id再修改微信开发者工具上的AppID和hbuilder的AppIDOK，搞定！！！

一只一只妖·2025-05-09 04:47

盲盒源码APP+h5+小程序交友盲盒源码前端uniapp后端PHP

在这里，我将概述一个基于uni-app前端框架和PHP后端技术栈的盲盒APP项目的基本概念、设计思路、技术选型、核心功能实现及可能面临的挑战。

qufuzaoyeshu·2025-05-08 03:08

开源校园圈子系统：从部署到定制化的校园圈子系统源码交付支持三端构建强大校园校友系统

校园圈子社区系统系统基于TP6+Uni-app框架开发；客户移动端采用uni-app开发，管理后台TH6开发。

·2025-05-07 02:58

uni-app从入门到精通

KKKL518·2025-05-06 12:06

uni-app入门指南

uni-app是一个基于Vue.js的跨平台应用开发框架，它可以让开发者使用Vue.js的语法来开发同时运行在多个平台（包括微信小程序、H5、iOS、Android等）的应用程序。

LIKKKKKK.·2025-05-05 14:13

uni-app——uniapp 实现倒计时功能

{{count}}s后自动返回exportdefault{data(){return{//秒数count:

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

Uni-app 组件使用

Uni-app凭借其“一次开发，多端部署”的特性，成为了众多开发者的首选框架。而组件作为Uni-app开发的基础单元，合理运用组件能够极大地提升开发效率和代码的可维护性。

lh_1254·2025-05-05 13:39

uni-app API封装：让接口调用绽放新光彩

前言uni-app是一款基于Vue.js框架的跨平台开发工具，可以将代码编译成H5、小程序、App等不同平台的应用。在进行uni-app开发时，网络请求是必不可少的环节。

Front_Yue·2025-05-04 05:13

uni-app 4.11封装全局mixin

封装mixin(free-base.js)import$Timefrom"@/common/free-lib/time.js";exportdefault{filters:{formateTime(value){return$Time.gettime(value);}},}引入文件//第一步importfreeBasefrom'@/common/mixin/free-base.js';//第二步e

2019ab·2025-05-04 05:11

uni-app 中封装全局音频播放器

在uni-app中，虽然原生提供了uni.createInnerAudioContext方法用于音频播放，但直接使用它可能会导致代码冗余和难以维护。

_虾仁不眨眼_·2025-05-04 05:41

【Vue】移动端开发（Uni-app、Taro）

个人主页：Guiat归属专栏：Vue文章目录1.Uni-app与Taro简介1.1什么是Uni-app？1.2什么是Taro？

Guiat·2025-05-03 06:38

uni-app基础知识

1.uni-app进行条件编译的两种方法？小程序端和H5的代表值是什么？通过#ifdef、#idndef的方式H5：H5MP-WEIXIN:微信小程序2.uni-app的配置文件，入口文件，主组件，页面管理部分page.json配置文件main.js入口文件App.vue主组件pages页面管理部分3.uni-app上传文件时用到的API是什么？格式是什么uni.uploadFile({url:'

她的双马尾·2025-05-03 00:58

uni-app 苹果手机用 a 标签不能下载图片（QQ浏览器）

使用a标签下载就是下载不了，最后发现是手机浏览器问题constfileUrl='https://imgessl.kugou.com/stdmusic/20201217/20201217082558371843.jpg'constdownloadTask=uni.downloadFile({url:fileUrl,success:(res)=>{if(res.statusCode===200){co

小妖666·2025-05-02 21:38

如何在uni-app中自定义输入框placeholder的样式

在开发uni-app应用时，我们经常需要自定义输入框（）的样式以匹配应用的整体设计。

谢一歇_fn·2025-05-02 04:45

uni-app开发微信小程序

uni-app是一个使用Vue.js开发所有前端应用的框架，它允许开发者编写一次代码，然后发布到iOS、Android、Web（包括各种小程序平台如微信小程序、支付宝小程序、百度智能小程序等）以及各种快应用平台上

君君学姐·2025-05-01 22:03

三、实战开发 uni-app x 项目（仿京东）- 技术选型

为了高效、高质量地完成仿京东商城项目，我们需要进行合理的技术选型。以下将从以下几个方面进行考虑：1.前端技术栈核心框架:uni-appx:跨平台开发框架，一套代码可编译到iOS、Android、小程序等多个平台，提高开发效率。Vue3:渐进式JavaScript框架，易于上手，功能强大，生态丰富。TypeScript:JavaScript的超集，提供类型系统，提高代码可维护性和可读性。UI组件库:

九班长·2025-05-01 15:20

uni-app中使用RenderJs 使用原生js

RenderJs运行的层叫【视图层】，Uniapp原生Script叫【逻辑层】，逻辑层要调用视图层需要使用一个叫【watcher】，具体怎么调用呢为了实现这两层之间的通信，uniapp提供了一些特定的机制。以下是对这些通信机制的详细解释，以及一个具体的示例，说明逻辑层如何调用视图层的watcher。通信机制‌通过this.$ownerInstance获取当前组件的ComponentDescript

qq_41942913·2025-05-01 04:06

uni-app 打包小程序体验版

uni-app打包小程序体验版这篇主要是讲解uni-app打包体验版的小程序如果你还不知道怎么使用uni-app开发小程序可以去看上一篇帖子哦1.uni-app发布小程序接着选择发行这里的小程序ID要记得申请哦接着选择发行

洪洪呀·2025-04-30 02:14

uni-app实现拼多多倒计时拼团

（1）倒计时方法其中self是我传入的uni-app中的this。

Carrie_zzz·2025-04-30 02:43

uni-app 多平台分享实现指南

uni-app多平台分享实现指南在移动应用开发中，分享功能是一个非常常见的需求，尤其是在社交媒体、营销活动等场景中。

赵大仁·2025-04-30 02:40

社交圈子系统需求拆解设计技术选型以及用户需求搭建的圈子小程序源码

一、圈子社区系统系统基于TP6+Uni-app框架开发；客户移动端采用uni-app开发，管理后台TH6开发。

·2025-04-29 22:04

uniapp-components 项目介绍及使用教程

uniapp-componentsuniapp-components项目地址:https://gitcode.com/gh_mirrors/un/uniapp-components项目介绍uniapp-components是一个基于uni-app

巫舒姗·2025-04-29 01:40

uni-app 引入高德地图

一、准备工作：申请密钥与环境配置1.申请高德地图API密钥注册并登录高德开放平台创建「Web端(JSAPI)」类型应用，获取API密钥（Key）✅注意：需在「安全设置」中添加域名（如https://*.yourdomain.com）2.uni-app项目配置方式一：使用官方插件（推荐H5/APP端）在HBuilderX中打开「插件市场」，搜索「高德地图JSAPI」并安装或通过npm安装：TypeS

lh_1254·2025-04-28 03:49

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

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

十一猫咪爱养鱼·2025-04-26 02:59

在uni-app小程序商品详情页轮播中嵌入视频播放功能

背景介绍通过uni-app框架实现商城小程序商品详情页的视频与图片轮播功能，以提升用户体验和增加商品吸引力。通过展示商品视频和图片，用户可以更全面地了解商品细节，从而提高购买决策的便利性和满意度。

快起来搬砖了·2025-04-25 06:11

uni-app调用NFC读写加密扇区功能。

1.先新建一个nfc.js文件。letContext=plus.android.importClass("android.content.Context");letNfcManager=plus.android.importClass("android.nfc.NfcManager");letNfcAdapter=plus.android.importClass("android.nfc.NfcA

G_GreenHand·2025-04-25 06:11

实践项目开发-hbmV4V20250407-跨平台开发框架深度解析与VSCode一站式开发实践

本文将围绕ReactNative、Taro及其结合方案，以及Uni-app、MUI、Quasar等轻量级框架展开详细分析，并探讨如何在VSCode中实现一站式开发。

梦魇泪·2025-04-23 08:38

uni-app 二维码生成器

https://github.com/q310550690/uni-app-qrcodeuni-app二维码生成器作者：诗小柒H5、微信小程序、支付宝小程序、APP，其它平台的小程序没有测试使用canvas生成可设置二维码背景色，前景色，角标色可设置二维码logo重要的事情说3遍重要的事情说3遍重要的事情说3遍IOS、Android真机都可以正常生成二维码使用的时候出现无法生成二维码或空白的请先g

龙吟宇宙·2025-04-23 08:04

CSS 优惠券样式

CSS优惠券样式使用小程序、uni-app、h5可用直接看样式使用使用radial-gradient径向渐变函数，可以实现一个圆形镂空的样子，在移动端，radial-gradient的兼容性也是相当完美

NapleC·2025-04-23 03:08

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

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

家里有只小肥猫·2025-04-21 10:34

uni.pageScrollTo滚动时出现抖动问题

uni-app中，将页面滚动到顶部，有两种方式：一、使用scroo-view标签中的@scrolltoupper实现二：使用uni.pageScrollTo实现近期在做视频类的一个重播功能，要求点击“重播

Syleapn·2025-04-20 19:58

Uni-app 与微信小程序开发者工具对比

主要区别对比维度Uni-app微信小程序开发者工具开发语言Vue.js语法微信小程序原生语法(WXML/WXSS/JS)跨平台能力一套代码可编译到微信小程序、H5、App等多端仅针对微信小程序学习曲线需学习

@程序员ALMJ·2025-04-18 15:12

上传ipa到appstore最简单的方法

越来越多的开发者应用UNI-APP开发ios应用。而开发ios需要ios证书，打包完后，还需要将生成的ipa文件上传到appstore。

zzsyy·2025-04-17 18:03

URL Scheme某书的AndroidManifest.xml

反编译出来的关于xhs的AndroidManifest.xml，可以从中找到涉及的Scheme（IOS）/intent(安卓)地址，并附带（autox.js/按键精灵/uni-app/easyClick

weifeng3349·2025-04-17 18:59

纯小白uni-app+Android Studio离线打包

一、HBulderX（1）cloud：开发者中心注册登录（2）HBulderX登录开发者中心的账号，创建uni-app项目-》test，此时点击test下文件mainfest.json，会出现如下uni-app

xxttyyxx·2025-04-17 11:47

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

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

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

Flutter 与 uni-app 的深度对比：鸿蒙开发的最佳选择竟是原生开发

Flutter与uni-app的深度对比：鸿蒙开发的最佳选择竟是原生开发在移动应用开发领域，Flutter和uni-app是两种非常受欢迎的跨平台开发框架。

·2025-04-15 22:26

【uni-app】页面跳转传参

一、EventChannel的核心作用替代全局事件总线相比传统的uni.$emit和uni.$on，EventChannel无需手动移除监听（如uni.$off），避免内存泄漏风险。解决URL传参限制当需要传递大量数据时，URL拼接参数可能超出长度限制，而EventChannel可通过事件通道直接传输复杂对象。精准的页面间通信仅在跳转的源页面和目标页面之间建立通道，避免全局事件的污染。二、核心方法

秀秀_heo·2025-04-15 09:18

【uni-app】Hbuilder打包h5发行到web服务器

开发用于在微信公众号内打开的H5，引入了微信sdk，调用sdk的api需要将项目打包到服务器通过https才能测试，否则会报url无效所以需要将项目部署到服务器来测试发行前的准备工作：打开menifest.json配置文件>>h5配置标题可填可不填，不填默认为基础配置里的应用名称模板路径不填路由模式建议history基础路径：默认/h5/，若打包到根目录运行可不填。楼主打包到服务器根目录下的一个名

温城（Anson）·2025-04-14 20:19

深入解析 Uni-App 生命周期：从启动到销毁的全流程指南

Uni-App作为一款基于Vue.js的跨平台开发框架，其生命周期管理是开发高质量应用的关键。

斯~内克·2025-04-13 08:25

uni-vue3-vite-ts-pinia 项目教程

vite-ts-pinia项目教程项目地址:https://gitcode.com/gh_mirrors/un/uni-vue3-vite-ts-pinia项目介绍uni-vue3-vite-ts-pinia是一个基于uni-app

幸桔伶·2025-04-13 05:09

Uniapp及其他面试题汇总

二、jQuery、vue、小程序、uni-app中的本地数据存储和接收？三、vue,小程序,uni-app的生命周期？四、uniapp中组件生命周期？五、路由与页面跳转？六、跨端适配—条件编译？

落落寒灯灭·2025-04-12 09:02

Uni-app基础知识

uni-app组成和跨端原理|uni-app官网uni-app,uniCloud,serverless,uni-app组成和跨端原理,基本语言和开发规范,编译器,运行时（runtime）,逻辑层和渲染层分离

LB_bei·2025-04-12 01:33

推荐频道