uniapp极光推送

深入理解 UniApp：跨平台开发的终极解决方案

深入理解UniApp：跨平台开发的终极解决方案一、UniApp概述：重新定义跨平台开发（一）UniApp的诞生背景在移动互联网高速发展的今天，多端适配成为开发者面临的主要挑战。

·2025-07-24 02:02

Uniapp 微信小程序，实现页面滚动Tab悬停吸顶，点击tab内容跟随滚动

Uniapp微信小程序，实现页面滚动Tab悬停吸顶，点击tab内容跟随滚动页面股东tab悬停原理：运用uniapp原生提供方法uni.createSelectorQuery()获取滚动对应节点的信息，即节点距离页面顶部的距离

·2025-07-23 22:29

uniapp微信小程序实现swiper与按钮实现上下联动

1.需求：页面顶部展示n个小图标。当选中某个图标时，下方视图会相应切换；反之，当滑动下方视图时，顶部选中的图标也会同步更新。2.思路：上方scroll-view区域渲染图标，并且可左右滑动，下方使用swiper可以左右滑动。3.代码实现上方图标渲染（1）将scroll-x属性设为true以启用左右滑动功能，同时动态绑定scroll-left属性实现上下联动滑动效果。{{item1.name}}（2

是菜菜的小前端啊·2025-07-23 22:28

解决Error: Not Found：Page[5][-1,81] at view.umd.min.js

场景说明：uniapp使用组件，在APP环境出现，在H5环境正常。单页面上多处使用该组件，使用同名参数设置数据，应用切换效果时，触发请求不同接口，返回数据格式不同。

二七狂人·2025-07-23 20:51

uniapp打开导航软件并定位到目标位置的实现

/***打开导航*@paramlocation经纬度(例如："117.214713,39.116884")*@paramaddress地址*/exportfunctionmapNavigation(location,address){constlocationArr=location.split(',')constlongitude=locationArr[0]constlatitude=loca

界面架构师·2025-07-23 20:50

在UniApp中防止页面上下拖动的方法

1、pages.json中在某个页面设置禁用弹性滚动的页面{"path":"pages/yourPage/yourPage","style":{"app-plus":{"bounce":"none"}}}2、pages.json中在所有页面设置禁用弹性滚动的页面{"globalStyle":{"app-plus":{"bounce":"none"}}}3、使用css实现/*禁用页面滚动*/page

阿凤21·2025-07-23 20:48

uniapp通过蓝牙在设备中拿数据

1、初始化蓝牙模块：uni.openBluetoothAdapter({success(res1){console.log("蓝牙初始化成功",res1)}})2、初始化蓝牙后，获取本机蓝牙是否开启uni.getBluetoothAdapterState({success:function(row){console.log('蓝牙状态：',row.available);if(row.availab

阿凤21·2025-07-23 20:18

【前端】ikun-qrcode：极简的二维码生成组件，使用view而非canvas避免层级问题

文章目录背景ikun-qrcode界面效果如何发布一款自己的插件到uniapp市场。

青春狗头少年不会梦到格温学姐·2025-07-23 09:07

uniapp基本使用

资料咸虾米视频黑马视频uniapp官方文档hbuilder1.uniapp页面生命周期1.1onLoad还拿不到dom适合接受上页的参数，联网取数据，更新data。

shadouqi·2025-07-23 05:43

uniapp 输入时动态修改值（如含单位）光标被强制移至末尾

输入时动态修改值（如添加单位），导致input组件的值被重新渲染，光标被强制移至末尾当input的type设为digit或number时，输入数字后紧接着输入小数点会导致光标跑到最前面。这个问题在H5和APP端都存在。解决方法一：v-model换成value

_未知_开摆·2025-07-23 04:10

七、Uniapp+vue+腾讯IM+腾讯音视频开发仿微信的IM聊天APP，支持各类消息收发，音视频通话，附vue实现源码(已开源)-聊天消息项的实现

会话好友列表的实现1、项目引言2、腾讯云后台配置TXIM3、配置项目并实现IM登录4、会话好友列表的实现5、聊天输入框的实现6、聊天界面容器的实现7、聊天消息项的实现8、聊天输入框扩展面板的实现9、聊天会话管理的实现10、聊天记录的加载与消息收发11、定位SD配置与收发定位消息12、贴图表情的定制化开发13、腾讯云后台配置TRTC功能14、集成音视频通话功能15、集成仿微信的拍照，相册选择插件16

智密科技·2025-07-23 01:22

uniapp使用uni-ui怎么修改默认的css样式比如多选框及样式覆盖小程序/安卓/ios兼容问题

修改uni-ui多选框(uni-data-checkbox)的默认样式在uniapp中使用uni-ui的uni-data-checkbox组件时，可以通过以下几种方式修改其默认样式：方法一：使用深度选择器格式一

禾苗种树·2025-07-23 01:22

社交应用全栈开发实战：前后端与数据库整合

Uniapp框架用于开发跨平台的移动端用户界面，Java后端负责处理业务逻辑和数据交互，MySQL数据库用于管理用户信息和动态数据。项目还包括前后端通信、身份验证、性能优化和推送通知服务的实现。

·2025-07-22 21:50

新一代会员分销返利小程序，聚合cps系统独立部署，对接20多个CPA/CPS资源

技术栈前端：vue3+uniapp后端：PHP数据库：MySQL一、系统介绍PHP部分代码'value1','param2'=>'value2',//添加其他参数];//发送HTTPPOST请求$ch=

+V：ywxs5787·2025-07-22 11:46

UniApp 常用UI库

UniApp是一个基于Vue.js的跨平台开发框架，常用于开发微信小程序、H5、App等应用。

xkxnq·2025-07-22 08:22

Uniapp微信小程序开发：后端服务器搭建指南（语言选择+部署方案）

目录前言：Uniapp+微信小程序的架构模式️后端服务器的作用后端语言选择（Node.js/Java/Python/PHP/Go）☁️服务器部署方案（云服务器vsServerless）实战：如何连接Uniapp

·2025-07-22 08:20

uniapp调用高德api

主要包含：1、uniapp调用高德地图的微信sdk2、实现坐标和经纬度互相转换功能3、实现关键字检索功能说明：页面以uniapp编写，使用uniapp官方map组件，cover-view处理原生组件层级问题

zhcinit0·2025-07-22 05:00

uniapp中键盘抬起挤压界面

App平台软键盘弹出有adjustResize|adjustPan两种模式，默认为adjustPan模式adjustResize：软键盘弹出时，webview窗体高度挤压。屏幕高度=webview窗体高度+软键盘高度adjustPan：软键盘弹出时，webview窗体高度不变，但窗体上推，以保证输入框不被软键盘盖住{"path":"pages/chat/chat",//聊天页"style":{"a

wolfking__·2025-07-22 05:00

uniapp做图片预览

constpreviewImage=(e:any)=>{uni.previewImage({urls:list.value,current:list.value[e],})}constlist=ref([`${config.resBaseUrl}/hjq/74a2db506304fd0aa69dc0975791ebd.png`,`${config.resBaseUrl}/hjq/a0e1e70b4

一个热爱前端的全栈小胖子·2025-07-22 05:59

uniapp 引入高德api

mounted(){if(typeofwindow.AMap==='function'){this.initAmap()}else{constscript=document.createElement('script');script.async="async";script.src='https://webapi.amap.com/mapsv=2.0&key=你的key&plugin=AMap.

白月光和意难平·2025-07-22 05:59

uniapp写好的弹窗组件

效果图view部分点击打开弹窗确认退款是否确认申请退款？取消确定js部分data(){return{miniShowModal:false,//默认隐藏弹框}},methods:{//点击按钮弹出弹框miniToMdel(){this.miniShowModal=true;},//点击确定按钮时关闭弹框confirm(){this.closeOn()},//点击蒙版时关闭按钮miniHideMod

A了LONE·2025-07-22 04:28

uniapp--腾讯地图路线轨迹回放

腾讯地图路线轨迹回放返回路线轨迹手动选择目的地开始驾车路线规划显示小车轨迹模拟运行//引入SDK核心类，地图组件importQQMapWXfrom'../components/qqmap-wx-jssdk1.2/qqmap-wx-jssdk.js'exportdefault{data(){return{qqmapsdk:{},//腾讯地图小程序的SDKtext:'路线轨迹，带小车图标',//滚动通

前端志茗·2025-07-22 04:28

uniapp实现自定义图片预览手势缩放滑动下一页等(精简版,原生微信小程序同理)

直接上代码<imageclass=

争取一行·2025-07-22 04:57

uniApp出现【ReferenceError: computed is not defined】

1·问题uniApp出现【ReferenceError:computedisnotdefined】2·解##标题决在当前页导入：import{computed}from'vue'

·2025-07-22 04:27

UniApp TabBar 用户头像方案：绕过原生限制的实践

需求场景：在UniApp项目中，需要将TabBar首页项(index)的图标替换为当前用户的网络图片，并实现：放大且圆形显示。点击该图标时，页面滚动回顶部。

金翅·2025-07-22 04:54

Uniapp之键盘弹窗

适用范围评论输入框自定义键盘顶部工具栏其他吸附于键盘顶部的弹框意义对于输入框来说，一般都包含自动抬高输入框，但是对于一些自定义窗口来说（比如输入框下添加工具栏、键盘顶部添加工具栏等），就需要自己处理弹框位置了，那么这个时候键盘弹窗就解决了复杂的处理。示例下面示例用于展示keyboard-popup使用示例，当textarea聚焦时，textarea就会自动抬高到键盘上方。exportdefault

·2025-07-22 04:24

Uniapp之自定义图片预览

场景在一些场景，uniapp的原生图片预览无法满足要求，比如自定义图片预览元素。另外原生的图片预览无法阻止截屏问题。

会功夫的李白·2025-07-22 04:24

uniapp相关地图 API调用

目录一、注意事项：manifest.json需增加配置二、获取用户收货地址[uni.chooseAddress]三、获取当前的地理位置、速度[uni.getLocation]四、打开地图选择位置、查看位置(导航)[uni.chooseLocation][uni.openLocation]五、使用腾讯地图逆地址解析接口实现城市自动定位回显一、注意事项：manifest.json需增加配置"mp-we

cherishSpring·2025-07-22 04:24

计算机毕业设计Python+uniapp校园兼职系统小程序(小程序+源码+LW)

计算机毕业设计Python+uniapp校园兼职系统小程序(小程序+源码+LW)该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程项目运行环境配置：Pychram社区版+python3.7.7

Python毕设源码程序高学长·2025-07-21 21:39

IM即时通讯源码/im源码基于uniapp框架从0开始设计搭建在线聊天系统

文章目录前言一、确定技术栈二、数据库设计：1.引入库2.使用SpringBoot创建后端项目3.实现WebSocket通信：3.1创建WebSocket配置类：3.2创建ChatWebSocketHandler类：3.3前端WebSocket连接与通信：总结前言随着人社交产品的不断发展，即时通讯聊天这门技术也越来越重要，很多人都开启了学习通讯技术，本文就介绍了即时通讯的基础内容。一、确定技术栈在开

宠友信息·2025-07-21 20:02

【商城实战(45)】商城系统优化：从蹒跚学步到健步如飞

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

奔跑吧邓邓子·2025-07-21 01:12

uni-app使用web-view组件APP实现返回上一页

一、功能概述本案例实现了在Uniapp中内嵌H5网页并深度控制的三项核心功能：隐藏指定特征的内链元素自定义导航栏返回逻辑Webview原生特性保留二、代码解析2.1基础结构webview-styles：

极客编程坊·2025-07-20 19:00

电竞护航小程序源码游戏代练小程序源码搭建游戏派单小程序定制开发

独立源码前端uniapp后端phpthinkphp6的框架开源无加密适合运营或者二次开发。

D15554088058·2025-07-20 16:42

沃德商协会管理系统小程序ThinkPHP+Uniapp

商协会系统，新一代数字化商协会运营管理系统，以“智慧化会员体系、智敏化内容运营、智能化活动构建”三大板块为基点，实施功能全场景覆盖，一站式解决商协会需求壁垒，有效快速建立自有数字化管理体系、提升组织管理效能、增强会员粘性、沟通连接市场，真正做到为构建有影响力的现代化智慧型组织赋能。功能特性:会员管理管理会员的基本信息，如会员姓名、会员编号、性别、年龄、联系方式等。在线入会申请者可以在网上申请入会，

博纳软云·2025-07-20 16:10

关于uniapp中的拖拽图片排序，类似发布朋友圈功能的组件学习

.com推广一下他的插件如果侵权请联系我进行文章删除图片拖拽排序-DCloud插件市场GitHub-shmilyany/shmily-drag-image:uni-app图片拖拽排序插件一、项目背景在uniapp

一路向前的月光·2025-07-19 23:04

uniapp下拉选择组件

目录背景实现思路代码实现配置项使用尾巴背景最近遇到一个这样的需求，在输入框中输入关键字，通过接口查询到结果之后，以下拉框列表形式展现供用户选择。查询了下uni-app官网和项目中使用的uv-ui库，没找到符合条件的组件。唯一一个有点类似的就是uni官方下拉框组件，但是不支持input组件，所以我们自己来实现一个。实现思路那么实现这样一个组件要有哪些注意点了？我大概罗列了一下：1、下拉框默认是不显示

王旭晨·2025-07-19 14:07

uniapp使用uni-push模拟推送

uniapp使用uni-push模拟推送第一步先去uniapp开发者中心添加开通uni-push功能这里的Android应用签名可以先用测试的官网有,可以先用这个测试官方测试链接文档地址在项目中的配置文件勾选组件中使用如果要实时可以去做全局

·2025-07-12 08:22

uniapp 如何封装实现任意页面都能使用的全局弹窗

【实战干货】uniapp如何封装实现任意页面都能使用的全局弹窗标签：uniapp弹窗组件全局弹窗Vue动态渲染跨页面弹窗✨前端老司机亲授，uniapp无法在所有页面中直接用自定义弹窗？

代码简单说·2025-07-12 08:52

uniApp实战五：自定义组件实现便捷选择

文章目录1.最终效果预览2.快速选择组件封装3.弹框组件封装4.组件逻辑实现5.组件样式6.页面引入1.最终效果预览2.快速选择组件封装{{title}}{{content}}基于uv-ui的行组件实现的快速选择，默认展示前三个值3.弹框组件封装请选择{{item.name}}确定取消这两个放一个页面了，没必要再单独封装一个弹框组件了4.组件逻辑实现import{defineProps,defin

博主逸尘·2025-07-12 08:51

uniapp对接unipush 1.0 ios/android

官方有文档可以根据文档来我这里用的是1.0为什么没有2.0因为2.0要用uinicloud注意每次打包之后cid都会变cid用户的标识iduniapp通过这个id可以把消息推送给指定人前端代码前端要做的很简单直接放到

车轮滚滚__·2025-07-12 08:20

uniapp自定义全局弹窗组件

可以参考一下方法，如果大家有更好的全局弹窗方法欢迎留言//使用方法//在main.js里全局注册importglobalModalfrom'./components/global-popup.vue'Vue.component('global-popup',globalModal)//在需要的页面引用组件this.$refs.globalModal.openPopup({title:'标题',co

LuWiHa·2025-07-12 08:50

uniapp项目如何优雅处理Token失效自动重试 token无感刷新

uniapp项目如何优雅处理Token失效自动重试token无感刷新标签：uniapp｜前端登录状态管理｜Token自动刷新｜前端重试队列作为一名前端开发，我在重构公司旧项目时，踩到了一个大家经常遇到的坑

代码简单说·2025-07-12 05:03

uniapp登录成功后跳回原有页面+无感刷新token

uniapp登录成功后跳回原有页面引言在C端的页面场景中，我们经常会有几种情况到登录页：区分需要登录和不用登录的页面，点击需要登录才能查看的页面已经登录但是超时，用户凭证失效等原因以上情况可以细分为两种

黑匣子~·2025-07-12 05:31

uniapp小程序无感刷新token

request.js//request.jsimport{getApptoken,getStoredApptoken}from'./tokenRequest'//从合并模块导入//全局配置constMAX_RETRIES=1//最大重试次数constbaseURL='https://your-api.com'//请求队列和刷新状态letrequestsQueue=[]letisRefreshing

一只一只妖·2025-07-12 05:00

从零开始：手把手教你用 Uniapp 搭建多平台应用

这个框架能帮你解决什么问题？想象一下，你需要开发一个移动应用，但是你的老板说：“我们需要同时上线Android、iOS还有华为的鸿蒙系统”。传统的做法是什么？雇三个团队，写三套代码，维护三个项目…想想都头疼对吧？这个框架就是来拯救你的！一套代码，三个平台同时搞定。不用学Java、Swift、ArkTS，只要你会Vue，就能轻松上手。简单来说，这个框架就像是一个"翻译官"，你用熟悉的Vue语法写代码

儿歌八万首·2025-07-11 19:57

【商城实战(77)】商城智能客服系统搭建指南：选型与集成全攻略