UniApp 第2页

uniapp-首页模块

小兔鲜儿-首页模块涉及知识点：组件通信、组件自动导入、数据渲染、触底分页加载、下拉刷新等。自定义导航栏参考效果：自定义导航栏的样式需要适配不同的机型。:::tip操作步骤准备组件静态结构修改页面配置，隐藏默认导航栏，修改文字颜色样式适配->安全区域:::静态结构新建业务组件：src/pages/index/componets/CustomNavbar.vue<scriptsetuplang

Brilliant Nemo·2025-02-27 18:07

Uniapp 小程序复制、粘贴功能实现

在开发Uniapp小程序的过程中，复制和粘贴功能是非常实用且常见的交互需求。今天，我就来和大家详细分享如何在Uniapp中实现这两个功能。

前端小雪的博客.·2025-02-27 18:32

解读 Uniapp：从入门到精通的底层原理

解读Uniapp：从入门到精通的底层原理一、前言二、Uniapp与Vue.js的关系2.1Vue.js基础回顾2.2Uniapp对Vue.js的继承与扩展三、Uniapp的组件系统3.1组件的基本概念与创建

xcLeigh·2025-02-27 12:50

Uniapp 小程序获取用户手机号功能实现

在开发Uniapp小程序时，获取用户手机号是一个常见的需求，比如用于用户注册、身份验证等场景。下面将详细介绍如何在Uniapp小程序中实现获取用户手机号的功能。

前端小雪的博客.·2025-02-27 06:02

轻松实现 Uniapp 小程序二维码长按识别与保存功能

在开发Uniapp小程序的时候，很多场景都需要用到二维码，比如引导用户添加客服微信、推广活动等。

前端小雪的博客.·2025-02-27 06:02

关于uniapp和H5的通信交互传参问题

在h5index.html中引入1.在uniapp中创建webview通信的vue页面2.h5通信webview中绑定@messageuvue中绑定@onmessage3.h5组件中获取从uniapp传过来的参数

水水水水水水水水水水水·2025-02-27 06:58

uniapp上传图片到后端服务器

uniappuniapp中上传图片如果需要和后端连接接口，是以文件形式上传，先调用uni.chooseImage方法选择图片，再调用uni.uploadFile以文件形式上传uni.chooseImage

言若-·2025-02-27 02:57

uniapp - 超详细 H5 网页利用 uni.downloadFile 下载 URL 文件流并调用浏览器下载功能效果，前台通过请求后端接口获取文件并下载保存到本地（支持电脑PC与手机移动端H5）

本文实现了在uniappH5网页项目中，通过uni.downloadFile下载文件得到临时文件路径后，调起浏览器进行下载保存，支持uniappv2/v3版本，详细讲解得到文件临时地址后，如何让浏览器使用这个临时地址

王二红·2025-02-27 02:26

uniapp开发小程序手写板、签名、签字

可以使用这个插件进行操作手写板-签名签字-lime-signature-DCloud插件市场但是目前这个插件没有vue3setupCompositionAPI的写法。所以对于此文档提供的可以直接使用，需要使用CompositionAPI方式实现的，可以继续看。因为CompositionAPI方式，更加的简单、灵活，在今后的编程之中要多用、多学，这样才能写出更加健壮的代码。1.首先建立一个可以运行的

故里2130·2025-02-27 01:55

uniapp+vue微信小程序项目中实现手机号授权登录

效果图：实现方式：手机号授权登录open-type有效值值说明平台差异说明getPhoneNumber获取用户手机号，可以从@getphonenumber回调中获取到用户信息微信小程序、百度小程序、抖音小程序、支付宝小程序、快手小程序、京东小程序。App平台另见一键登陆getPhoneNumber(e){

郭宝·2025-02-27 01:54

uniapp 测试 IPA 包安装到测试 iPhone

将uniapp测试IPA包安装到测试iPhone有以下几种方法：使用Xcode安装确保计算机上安装了Xcode，并将iOS设备通过数据线连接到计算机。

一只月月鸟呀·2025-02-27 01:53

uniapp 自定义页面下拉刷新实现

uniapp自定义页面刷新实现//页面：......

带刺的茄子·2025-02-27 01:52

Springboot后台 uniapp前端实现文件的下载与上传〖文件上传篇〗

Springboot实现文件的下载与上传最近一段时间要学习一下springboot为后台的文件上传也下载,前端部分我使用uniapp来写一.springboot后台部分注意Java文件类以抽象的方式代表文件名和目录路径名

ktoking·2025-02-27 01:22

【uni-app】微信小程序使用lime-painter生成海报

lime-painter是一个专为UniApp设计的插件，用于优雅地生成海报，并支持下载海报图片。

cjsnyxz·2025-02-27 01:21

踩坑-vue3.0-uniapp-全局变量prototype失效

项目场景：踩坑-vue3.0-uniapp-全局变量prototype失效问题描述踩坑-vue3.0-uniapp-全局变量prototype失效main.js中全局变量失效Vue.prototype.

cometxd·2025-02-27 01:51

uniapp 开发 h5 跳转微信小程序

1、JS-SDK说明文档文档链接把JSSDK的js文件下载下来或者直接使用链接2、封装初始化jssdk的functionvarjweixin=require('../common/jweixin-1.6.0.js');jssdkConfig:(options)=>{returnnewPromise((resolve,reject)=>{uni.showLoading({title:"加载中..."

陈龙龙的陈龙龙·2025-02-26 23:34

uniapp更新版本，apk包进度条，wgt包热更新

upgrade.js/***@descriptionH5+下载App*@paramdownloadUrl:App下载链接*@paramprogressCallBack:下载进度回调*/exportconstdownloadApp=(downloadUrl,progressCallBack=()=>{},)=>{returnnewPromise((resolve,reject)=>{//创建下载任务

初晨未凉·2025-02-26 23:03

如何实现uniapp编译的微信小程序做可回溯视频

本文收录于《全栈Bug调优(实战版)》专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！全文目录：问题描述解决方案1.**视频录制与回溯原理**2.**具体实现步骤**2.1录制视频播放状态与用户操作2.2回放过程2.3数据存储与管理2.4界面展示3.**注

bug菌¹·2025-02-26 23:33

uniapp:h5端跳转微信小程序（仅限微信环境）

1.页面布局注意：图片或点击按钮可放在里面，但是标签要用原生image——>img，rpx转译不了，要用px，但是导致样式不自适应，所以把图片或按钮放出来，用相对定位布局，pointer-events:none;去除图片属性，可以点击图片后面的点击事件。必须加上div要撑起wx-open-launch-weapp标签2.获取签名//调取后台接口，获取签名getybSning(){vartha

_木棠·2025-02-26 22:27

uniapp - 最新实现hbuilder项目运行到ios基座或苹果ios真机设备详细教程，如何在ios苹果手机上真机运行测试，IOS自定义基座在线打包调试（uniapp项目如何在苹果手机上运行调试）

黑苹果模拟器上进行安装调试测试项目，支持“macos|Xcode”系统及工具的运行教程（适用于没有苹果真机），使用HbuilderX编辑器运行到ios苹果app基座，安装运行自定义基座调试app项目，完整流程配置及详细过程说明，UniApp

街尾杂货店&·2025-02-26 11:36

uniapp h5端和app端使用 turn.js

前提:添加页后,添加页与当前页会重叠在一起,不知道为什么,没有找到解决办法1.h5端Page1Page2Page3Page4Page5//npminstalljqueryturn.jsimport$from'jquery';import'turn.js';exportdefault{data(){return{}},mounted(){//确保DOM加载完成this.$nextTick(()=>{

qq_31683775·2025-02-26 02:09

uniapp调用Android原生NFC进行读写操作

进行读操作请刷卡读取数据varNfcAdapter;varMifareClassic;exportdefault{components:{uniPopup},data(){return{formData:{bind_code:'',tagid:'',time:null,show:false,}}},methods:{open(){//开启阴影遮罩前检查NFC状态varmain=plus.andro

数学分析分析什么？·2025-02-26 01:00

Uni-App v-for遍历map

之前在用vue的v-for我记得好像是key代表一个键值对的键，value代表键值对的值今天写写uni-app发现好像不对在uniapp中的写法如下：key就像遍历数组时的index,而value才是一个键值对

EdmundShelby·2025-02-25 16:57

ScriptEcho：AI赋能的前端代码生成神器

软件简介ScriptEcho是一个专为前端开发者设计的AI代码生成平台，支持Vue、React、uniapp和Flut

begei·2025-02-25 14:07

uni-app获取设备唯一值、静态IP、公网IP、重启系统以及隐藏底部原生导航栏的方法

最近开发uniapp的时候，想要获取设备的唯一值作为绑定设备的序列号，还有手动设置的IP以及联网后的公网ip，在插件市场找到一个插件，非常适合，链接如下：lrw-getip-getid，特意在此记录一下

·2025-02-24 19:09

uniApp 加载google地图并规划路线

uniApp加载google地图并规划路线备注:核心代码实例备注:打开谷歌地图失败的话参考google开发文档https://developers.google.com/maps/documentation

刘子平·2025-02-24 17:12

uniapp实现移动端剪切板小功能

在制作移动端支付的项目时用到了剪切板这个功能，uniapp中想要实现这个功能会有一个问题。

聂聂脸·2025-02-24 10:48

UniApp本地存储：你以为只会存密码？这些骚操作让你直呼内行！

今天咱们不聊“跨端开发大法”，也不撕“Vue和React谁更香”，就说说UniApp里那个看似憨厚老实，实则暗藏玄机的本地存储！你以为它只能存个账号密码？Tooyoung！

烂蜻蜓·2025-02-24 09:11

uniapp的节点查询器

创建节点查询器//将选择器的选取范围更改为自定义组件component内，返回一个SelectorQuery对象实例constquery=uni.createSelectorQuery().in(this)selectorQuery.select(selector)//在当前页面下选择第一个匹配选择器selector的节点，返回一个NodesRef对象实例，可以用于获取节点信息query.sele

善杰爱编程·2025-02-24 06:56

UNIAPP 中selectAll节点的使用

constquery=uni.createSelectorQuery().in(this);query.selectAll('.catelog').boundingClientRect(rects=>{rects.forEach(rect=>{//这里的滚动触发可能是1ms触发，由于有时间间隔，如果滚动过快就可能导致rect.top取值不精确，所以用一个范围作为判断if(Number.parseI

一起写代码不咯·2025-02-24 06:24

uniapp获取元素高度

uni.getSystemInfo({success:function(res){//res-各种参数console.log(res.windowWidth);//屏幕的宽度letinfo=uni.createSelectorQuery().select(".类名");info.boundingClientRect(function(data){//data-各种参数console.log(dat

if时光重来·2025-02-24 06:23

uniapp功能集合

实现滑动到指定位置handlego(){varme=this;varquery=wx.createSelectorQuery().in(me);query.selectViewport().scrollOffset()query.select("#comment").boundingClientRect();query.exec(function(res){console.log(res);var

BLUESKYHOST·2025-02-24 06:53

智慧废品回收小程序php+uniapp

废品回收小程序：数字化赋能环保，开启资源循环新时代城市垃圾治理难题，废品回收小程序成破局关键随着城市化进程加速与消费水平提升，我国生活垃圾总量逐年攀升，年均增速达5%-8%，其中超30%为可回收物。然而，传统废品回收模式存在“找不到回收点、价格不透明、分类混乱”等痛点，导致大量资源被填埋或焚烧。在此背景下，废品回收小程序应运而生，通过“线上下单—智能估价—上门回收”的数字化链路，打通居民与回收企业

黑马源码库miui52086·2025-02-23 23:06

uniapp 中使用天地图，安卓端、h5

背景：项目需要将高德地图换成天地图，pc端已经更换，但app端用uniapp写的，就有点茫然了，毕竟uniapp官方给出的地图组件也不支持啊，网上找吧，也没什么例子，算了，自己写吧。

漫天绯羽·2025-02-23 20:44

Uniapp 中布局魔法：display 属性

一、开启Uniapp布局魔法之旅各位Uniapp开发的小伙伴们，欢迎来到Uniapp这个充满创意和挑战的魔法世界！

烂蜻蜓·2025-02-23 20:12

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

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

街尾杂货店&·2025-02-23 11:12

uniapp封装请求工具

importuseStorefrom'@/store'constbaseURL=`http://localhost:3000`classServer{Request(options){const{url,method,params,timeout,header}=optionsreturnnewPromise((resolve,reject)=>{uni.request({url:baseURL+

仙古.梦回～·2025-02-23 11:40

uniapp Stripe 支付

引入Stripenpminstall@stripe/stripe-jsimport{loadStripe}from'@stripe/stripe-js';Stripe提供两种不同类型组件PaymentElement和CardElement：如果你使用的是PaymentElement，它是一个更高级别的组件，能够自动处理多种支付方式（如信用卡、ApplePay等），并且不需要你手动指定payment

百事可乐☆·2025-02-23 11:39

uniapp 支付宝小程序自定义顶部导航栏

我是用的是uniapp的uni-nav-bar组件根据项目需求配置即可props:{title:{type:String,default:''},leftIcon:{type:String,default

百事可乐☆·2025-02-23 11:39

uniapp日期选择器

日期在picker中加fields="month"就只能选择年月了，加fields="year"则只能选择年，默认是年月日格式直接上代码，可以直接粘贴复制复用{{date}}functiongetDate(type){constdate=newDate();letyear=date.getFullYear();letmonth=date.getMonth()+1;letday=date.getDa

百事可乐☆·2025-02-23 11:08

【*uniapp**vue3】app/h5 webview通讯方案

本文旨在解决vue3版本下uniapph5项目向app项目中webview通讯问题问题产生于uniapp不支持vue3使用template.h5.html自定义打包模板h5向app发送信息有很多文章指出

imsopoor·2025-02-23 11:07

uniapp和uview-plus组件在项目中向后端发起请求的封装

文章目录Http请求请求方法说明二、拦截器1.请求拦截2.响应拦截应用实例export和exportdefault的区别Http请求该插件适用于普遍的请求场景，支持post、get、put和delete，以及上传下载等请求，有如下特点：基于Promise对象实现更简单的request使用方式，支持请求和响应拦截支持全局挂载支持多个全局配置实例支持自定义验证器支持文件上传/下载支持task操作支持自

程楠楠&M·2025-02-23 10:37

uniapp请求接口封装

最近做了一个uniapp的项目（引入了uView样式），前端请求接口封装：在App.vue同级目录创建utils文件夹，文件夹内新建request.js代码如下：//请求接口地址//constbaseUrl

小码哥学习中·2025-02-23 10:37

uniapp小程序自定义日历(签到、补签功能)

1、切换月份根据当前月判断，只能切换当前月份之前的时间。2、补卡功能，根据后台设置自己写上即可，可补签多少天。3、点击签到是签到当前天的，不能指定签到时间。备注：当前代码只构建了排版样式和切换月份功能，签到状态根据个人开发以及接口返回的详细内容再次处理。今日签到18积分待领取{{DateTitle}}{{item}}{{item}}签到exportdefault{data(){return{wee

黑云压城After·2025-02-23 10:05

深入理解 Uniapp 中的 px 与 rpx

一、引言在Uniapp开发中，页面布局是构建良好用户体验的基础，而选择合适的长度单位则是页面布局的关键一环。其中，px（像素）和rpx（响应式像素）是我们最常接触到的两种单位。

烂蜻蜓·2025-02-23 10:05

优创同城跑腿小程序php+uniapp

同城跑腿小程序，支持帮取、帮送模式，包含用户端、骑手端、运营后台，支持一键接单/抢单，为跑腿团队提供技术解决方案，无加密源码，可私有化部署。更新日志V1.0.2修复系统BUG修复部分情况下登录不成功问题

源码库saaskw·2025-02-23 10:04

uniapp封装请求

在uniapp中封装HTTP请求，通常我们会使用uni.request方法。

Elena_Lucky_baby·2025-02-23 10:03

基于java的SpringBoot/SSM+Vue+uniapp的驾校管理系统的详细设计和实现(源码+lw+部署文档+讲解等)

文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言博主介绍：✌全网粉丝15W+,CSDN特邀作者、211毕业、高级全栈开发程序员、大厂多年工作经验、码云/掘金/华为云/阿里云/InfoQ/StackOverflow/github等平台优质作者、专注

花椒coding·2025-02-23 01:23

基于java的SpringBoot/SSM+Vue+uniapp的饭店餐饮管理系统的详细设计和实现(源码+lw+部署文档+讲解等)