UNIAPP 第2页

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+部署文档+讲解等)

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

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

深入解析 Uniapp 的页面结构

一、引言Uniapp是一个使用Vue.js开发跨平台应用的前端框架，它能让开发者通过编写一套代码，发布到iOS、Android、H5、小程序等多个平台。

烂蜻蜓·2025-02-22 15:07

关于uniapp使用renderJS中调用父类方法和参数的使用

首先，页面这样下：加载中:{{loadingProgress}}%exportdefault{name:'threeModel',props:{modelUrl:{type:[String],default:''},modelname:{type:[String],default:''},height:{type:[Number,String],default:'300px'},parentMet

Little_Code·2025-02-22 15:36

Uniapp 从入门到精通：数据绑定与响应式原理

Uniapp从入门到精通：数据绑定与响应式原理前言一、引言1.1Uniapp概述1.2数据绑定与响应式原理的重要性二、Uniapp基础回顾2.1开发环境搭建2.2基础语法与组件三、数据绑定详解3.1单向数据绑定

xcLeigh·2025-02-22 13:45

Uniapp 从入门到精通：组件与 API 的深度剖析

Uniapp从入门到精通：组件与API的深度剖析前言一、Uniapp组件概述1.1组件的重要性1.2组件的分类二、常用组件详解2.1视图容器组件2.2表单组件三、UniappAPI概述3.1API的作用

xcLeigh·2025-02-22 13:15

uniapp 整合openlayers 编辑图形文件并上传到服务器

引入openlayer依赖importMapfrom'ol/Map.js'//OpenLayers的主要类，用于创建和管理地图importViewfrom'ol/View.js'//OpenLayers的视图类，定义地图的视图属性importTileLayerfrom'ol/layer/Tile.js'//OpenLayers的瓦片图层类importXYZfrom'ol/source/XYZ.js

破z晓·2025-02-22 12:12

uniapp ios调试自定义原生插件的两种方式

文章目录一、前言二、原生插件的导入步骤1：指定存放位置步骤2：插件导入配置三、自定义基座调试3.1制作自定义基座3.2编写调试插件的vue页面3.3运行到手机四、生成原生打包资源，原生端调试一、前言使用UniApp

ReyZhang·2025-02-22 10:54

uni-app——uniapp 自定义 tabbar 的使用

pages.json文件{"tabBar":{"color":"#7A7E83","selectedColor":"#1677FF","borderStyle":

dbt@L·2025-02-22 10:18

uniApp小程序保存图片canvas

邀请好友领积分微信好友保存图片保存图片exportdefault{components:{},data(){return{app:getApp().globalData.peiImg,result:'',//生成海报的urler:'',imgurl:'',canvasShow:true,canvasercode:'',bj:'',writePhotosAlbum:undefined};},onSh

裴嘉靖·2025-02-22 09:47

uniapp备注备忘录系统个人计划日程系统微信小程序设计与开发 016og

技术栈支持以下技术栈开发运行：微信开发者/hbuilderx前端开发框架:vue.js数据库mysql版本不限后端语言框架支持：1java(SSM/springboot)-idea/eclipse2.Nodejs+Vue.js-vscode3.python(flask/django)–pycharm/vscode4.php(thinkphp/laravel)-hbuilderx数据库工具：Navi

QQ242219979·2025-02-22 05:10

uniapp多端适配

UniApp是一个基于Vue.js开发多端应用的框架，它可以让开发者编写一次代码，同时适配iOS、Android、Web等多个平台。

林同学++·2025-02-21 19:12

uniapp项目引入uview组件

1.下载scss的插件在HX菜单的工具->插件安装中找到"scss/sass编译"插件进行安装，如不生效，重启HX即可下载链接scss/sass编译-DCloud插件市场2.下载uView文件在uni-app插件市场右上角选择使用HBuilderX导入插件或者下载插件ZIP如果您的项目是由HBuilderX创建的标准uni-app项目，将下载后的uview-ui文件夹，复制到项目根目录。下载链接u

LAN354·2025-02-21 19:12

uniapp生成二维码，以及扫码进入另一个小程序某个页面（前后端）

这篇说一下uniapp中生成二维码的操作，以及运行到小程序生成小程序码用于跳转到其他小程序的功能实现。

会说法语的猪·2025-02-21 18:03

UniApp开发安卓应用实现PDF预览功能

文章目录一、uniapp官方提供的方法1.利用手机自带的预览pdf的软件来打开2.就是在app内部打开一、uniapp官方提供的方法web-view这个方法将后端返回的链接放在这里面，但是APP不可以预览他会提示你让你下载这个

沫轩呀！·2025-02-21 06:21

uniapp实现pdf预览

先看效果下载pdf.js插件github下载注意：需要使用魔法★★★http://mozilla.github.io/pdf.js/getting_started/网盘下载通过网盘分享的文件：pdfjs-4.7.76-dist.zip链接:https://pan.baidu.com/s/1hgS0x8joy3ft-x72_U17Ig?pwd=jhfg提取码:jhfg下载后解压得到如下文件：复制插件

H30919·2025-02-21 06:21

全开源商城源码后台php全端uniapp 全开源可二开功能强大商城系统源码

内容目录一、详细介绍二、效果展示1.部分代码2.效果图展示三、学习资料下载一、详细介绍内置8中搭配主色(可自行扩展更多配色)、自由快捷切换适应各大行业需求已支持小程序（微信、QQ、百度、支付宝、头条&抖音、快手）+H5+APPApp.vue中修改request_url和static_url地址为自己的商城地址即可使用主题默认为红色(red)，如更改主题App.vue文件中修改default_the

专业软件系统开发·2025-02-20 23:38

uniapp 蓝牙连接设备下发命令监听蓝牙与设备的连接状态(兼容微信小程序和支付宝小程序)

1：创建蓝牙需要调用的Api文件ly.js//import{TextDecoder}from'text-encoding-utf-8';letbluetoothOpen=false;//手机蓝牙是否打开letbluetoothConnect=false;//设备和蓝牙是否连接letisHaveDevice=false;//是否查找到设备letdeviceId=null;//设备idletservi

外派叙利亚·2025-02-20 20:10

uniapp app兼容性问题动态控制右上角按钮显示隐藏隐藏titleNView 下拉刷新关闭下拉刷新的圈圈《冤种日常》

有一个很尴尬的情况，下面两种情况并不能一起生效，所以如果是打包成app只用下面的就可以，如果多端可以把上面的也加上，判断一下有没有元素再设置style建议把这种方法写在下面一点，不然报错了下面的代码就不走了，也不会报错（冤种）（只使用app的方式，h5上调试写在下面的代码老是走不到也不报错，我真的会谢好嘛）设置右上角按钮"style":{"enablePullDownRefresh":true,/

人间清醒小仙女·2025-02-20 20:10

uniapp开发APP，主动连接mqtt，订阅消息

一、安装依赖通过查阅资料，了解到现在mqtt.js库的最新版本已经是5，但是目前应该mqtt@3.0.0版本最为稳定，我项目开发中使用的也是mqtt@3.0.0版本npminstallmqtt@3.0.0参考插件：MQTT使用-模板项目-DCloud插件市场参考文档：GitHub-mqttjs/MQTT.js:TheMQTTclientforNode.jsandthebrowser二、封装一个工具

路痴先森·2025-02-20 19:36

uniapp 右侧刷新图标和返回顶部图标的实现

{{item.content}}----{{item.author}}图标-->import{ref}from'vue';//触底加载更多，下拉刷新API(下拉刷新需要在pages.json里面开启这项功能)import{onReachBottom,onPullDownRefresh}from"@dcloudio/uni-app"constpets=ref([]);//触底加载更多，实现连接，使用

治金的blog·2025-02-20 18:57

挪车小程序挪车二维码php+uniapp

一款基于FastAdmin+ThinkPHP开发的匿名通知车主挪车微信小程序，采用匿名通话的方式，用户只能在有效期内拨打车主电话，过期失效，从而保护车主和用户隐私。提供微信小程序端和服务端源码，支持私有化部署。更新日志V1.0.4小程序UI重新设计，全面升级1.小程序UI全面升级，布局更加合理，去除冗余元素，界面更加干净、清爽，让您专注于核心内容。2.增加隐私通话开关，在后台自由切换。3.整体优化

狂团商城小师妹·2025-02-20 18:56

PHP会务会议系统小程序源码

会务会议系统一款基于ThinkPHP+Uniapp框架，精心雕琢的会议管理微信小程序，专为各类高端会议场景量身打造。

云启软件·2025-02-20 17:47

uniapp 使用web-view 来套地址实现分离式打包

exportdefault{data(){return{title:'http://www.baidu.cn/'//你可以根据需要替换成你的URL};},mounted(){//在应用启动时清除本地缓存this.clearAppCache();},methods:{clearAppCache(){if(uni.getSystemInfoSync().platform==='android'){//

luckycoke·2025-02-20 10:42

uniapp邪门事件

很久之前在这篇《THREEJS在uni-app中使用（微信小程序）》：THREEJS在uni-app中使用（微信小程序）_uni-app_帶刺的小葡萄-华为开发者空间中学到了如何在uniapp的微信小程序里接入

岑梓铭·2025-02-20 05:30

ssm毕业设计基于SSM框架的中医养生系统设计与实现[文档+开题+PPT

IT实战课堂·2025-02-18 20:46

封装websocket，兼容uniapp及普通vue3应用

本文将实现websocket的封装,采用typescript+vue3实现，同时支持uniapp中使用。

一个水货程序员·2025-02-18 13:30

uniapp 小程序语音录制

uniapp小程序语音录制微信小程序管理平台添加同声编译微信公共平台登陆添加微信同声传译使用manifest.json"mp-weixin":{"appid":"xxxxxxxxxxxx","plugins

你的眼睛會笑·2025-02-18 10:55

uniapp 封装进度条组件

二、写啥废话，直接代码上封装的组件代码1.先引入uview-ui,uniapp不懂引入uview-u组件的自行移步到官网。很

sunyin.liu·2025-02-18 06:12

uniapp uni-icons组件自定义图标

文章目录1️⃣uni-icons组件1.1引用位置1.2FontEditor简介1.2FontEditor使用结束语优质源码分享uni-app是一个使用Vue.js(opensnewwindow)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。1️⃣uni-icons组件1.1引用位置1.2FontEditor简介Fo

xcLeigh·2025-02-18 03:35

uniapp 可视化开发_dragUI 基于uni的可拖拽可视化编程web模板

更新记录1.0.1(2019-12-02)忘了搞colorUI的模板，会导致下载项目后找不到样式的问题。更新了README添加了演示视频1.0.0(2019-12-01)2019/12/1更新代码注释，说明查看更多dragUI文档目录hope用于UNI可拖拽可视化编程在线演示demo地址一个简单创建helloworld界面的视频,github不会放视频，放在bilibli了dragUI演示视频效果

weixin_39644021·2025-02-18 03:04

uniapp实现首行首列冻结效果

uniapp首行首列冻结时间{{colum}}{{time}}{{time}}--{{colum}}exportdefault{data(){constcolums=['A1','A2','A3','A4

Ellen翔·2025-02-18 02:29

微信小程序的请求函数封装（ts版本，uniapp开发）

主要封装函数代码：interfaceHttpOptions{url:string;method?:string;headers?:{[key:string]:string};data?:any;}classHttp{privatetimeout:number;privatebaseUrl:string;publicconstructor(){this.timeout=60*1000;this.ba

星极天下第一·2025-02-18 01:17

【最新】沃德协会管理系统源码+uniapp前端+环境教程

一.系统介绍一款基于FastAdmin+ThinkPHP+Uniapp开发的商协会系统，新一代数字化商协会运营管理系统，以“智慧化会员体系、智敏化内容运营、智能化活动构建”三大板块为基点，实施功能全场景覆盖

kaui52066·2025-02-18 00:40

uniapp canvas生成海报并保存到相册

用的插件这是地址https://ext.dcloud.net.cn/plugin?id=3276用的插件结果自己还踩了一堆坑哎首先引用组件的时候要让组件显示出来不能隐藏可以选择定位然后放置到底层，当然要记得给上面的层级加个背景颜色，免得插件显示出来了这是插件的调用和canvasImage是要渲染的数据//海报生成成功getImg(e)//生成失败fail(err)importlyzCanvasfr

weixin_54408935·2025-02-18 00:10

保姆级教学 uniapp绘制二维码海报并保存至相册，真机正常展示图片二维码

一、获取二维码uni.request({url:`https://api.weixin.qq.com/wxa/getwxacode?access_token=${getStorage("token")}`,responseType:"arraybuffer",method:"POST",data:{path:"/pages/index/index"},success(res){//转换为Uint8

前端（从入门到入土）·2025-02-18 00:01

h5 uniapp html2canvas生成海报,保存到本地功能实现；

html2canvas生成海报,保存到本地功能实现1.在开发过程中我们将HTML2canvas封装成一个组件，通过prop传递ID参数2.组件的使用，伪代码不要直接复制uniapp语法3.h5保存生成后的图片到本地方法

js小白羊·2025-02-18 00:30

推荐频道

UNIAPP