uniapp压缩图片

uniapp vue3 h5,微信小程序滚动屏幕元素渐入动画&自定义导航栏

项目文件下载地址实际效果如下：一、滚动屏幕元素渐入注意事项：animate.css需要添加样式兼容微信小程序；微信小程序滚动时boundingClientRect获取不到标签信息1、HBuilderX打开uniapp
我人麻了啊·2023-12-04 02:03

uniapp中回退到上一页面并触发函数的方法

需求：当前页面调用接口成功后需要返回上一页面并调用函数当前页面在onLoad生命周期中将getOpenerEventChannel()方法挂载到赋值给this.eventChannelonLoad(){this.eventChannel=this.getOpenerEventChannel();},在调用接口成功后使用emit去调用刷新方法setTimeout(()=>{uni.navigateB
微光无限·2023-12-04 01:32

uniapp系列-超详细教你在uni-app+vue3里通过web-view组件传递信息打开H5页面写入localstorage并解决兼容性

web-view是什么web-view是一个web浏览器组件，可以用来承载网页的容器，会自动铺满整个页面（nvue使用需要手动指定宽高）。点击这里直达官网文档点击这里下载我的代码demo本文最下面还有一些常见或者奇怪问题解决方案哦~为什么使用这种方式搞页面？有什么好处呢？之前开发好的H5页面，不想重新开发，想要直接放进项目用页面热更新，不需要重新打包复杂需求使用H5比较方便，比如复杂的echart
tangdou369098655·2023-12-03 22:31

element-ui上传组件添加图片压缩功能

默认同比例压缩*@paramfileObj*图片对象*回调函数有一个参数，base64的字符串数据*@parammaxSize*对多大的图片进行压缩file.size*@parampicQuality*压缩图片的质量
liuxingxing·2023-12-03 19:35

uni app 实现返回上一页刷新上一页列表

1，uniapp中点击上一页时无法触发上一页的生命周期函数详情页代码onBackPress(){varpages=getCurrentPages();varPage=pages[pages.length
上海_前端_求内推·2023-12-03 18:03

开源众筹平台系统源码/高仿某滴筹平台源码/PHP源码/互助众筹系统网站源码

高仿水滴筹源码,全开源uniapp+fastadmin开发这套是uniapp开发源码,非常人性化,可以随意二开源码链接：网盘源码密码：hma8主要功能：1、用户注册和登录：源码系统应该包含用于用户注册和登录的模块
hmz856·2023-12-03 14:10

uniapp上架app store详细攻略

目录uniapp上架appstore详细攻略前言一、登录苹果开发者网站二、创建好APP前言uniapp开发多端应用，打包ios应用后，会生成一个ipa后缀的文件。
不写⁠代码没饭吃·2023-12-03 13:55

智慧工地平台源码，支持多端展示：PC端、手机端、平板端，实现数据同步

智慧工地源码，微服务架构+Java+SpringCloud+UniApp+MySql；依托组件化开发平台，支持多端展示：PC端、手机端、平板端，实现数据同步；智慧工地平台主要利用智能终端、物联网、移动互联等技术
淘源码d·2023-12-03 09:06

uni-app 微信小程序之自定义中间圆形tabbar

1.自定义tabbar效果2.pages新建tabbar页面首先在pages.json文件中，新建一个tabbar页面"pages":[//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io
范特西是只猫·2023-12-03 08:21

解决uniapp token失效跳到登录页showToast不显示

uni.reLaunch({url:"/pages/login/login"})setTimeout(()=>{uni.showToast({title:'请先登录',icon:'none'})})
暗月Moon·2023-12-03 07:09

vue实现文件和图片上传到OSS；uniapp实现文件和图片上传到OSS

一、vue：1、首先注册阿里云账号，阿里云官网2、安装npminstallali-oss-D3、在页面中使用点击上传importOSSfrom'ali-oss'exportdefault{components:{},data(){return{}},mounted(){},methods:{handleChange(file,fileList){this.upLoadImg(fileList[0]
乁*·2023-12-03 06:41

uniapp vue3+ts h5端生成二维码与背景图合并成一张图片

`npmiqrcode//引入qrcode库importqrcodefrom"qrcode"import{ref}from"vue"constdata=ref({qrCodeUrl:"",imgURL:''})constsetImage=()=>{leturl=“qrcodeText”qrcode.toDataURL(url,(err,url)=>{if(url){data.value.qrCod
ajzzz·2023-12-03 06:10

uniapp使用webview嵌套网页

-->嵌套网页时，webview会铺满全屏，若要使用导航栏，只能使用官方的头部和底部导航栏。nvue页面可以控制webview大小但样式代码我不太会写
ajzzz·2023-12-03 06:10

从 wepy 到 uniapp 变形记

或许我们wepy到uniapp编译的转换实践，能给你带来启发。一、背景随着小程序的出现，借助微信的生态体系和海量用户，使服务
vivo互联网技术·2023-12-03 06:39

uniApp项目创建

1.通过HBuilderX创建项目uni-app支持通过可视化界面、vue-cli命令行两种方式快速创建项目。可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。开始之前，开发者需先下载安装如下工具：HBuilderX：官方IDE下载地址HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。1.1创建uni-app在点击工具栏里的文件->新建->
二斤半的y·2023-12-03 06:35

uniapp vue3.2+ts h5端分环境打包

根目录创建package.json文件{"name":"项目名称","version":"1.0.0","description":"","main":"main.js","scripts":{"test":"echo\"Error:notestspecified\"&&exit1"},"keywords":[],"author":"","license":"ISC","uni-app":{"sc
ajzzz·2023-12-03 06:32

uniapp中movable-area的应用

今天客户提了一个需求，想做一个页面，页面中放一张底图，可以滑动这张底图，也可以放大显示这个底图，形式上类似百度地图的操作一样。找了找资料，发现使用movable-area和movable-view配合起来使用能实现这样的效果。示例代码如下：一、代码：exportdefault{data(){return{//底图图片mapImageUrl:this.$cnf.proResDomains.image
周星星的学习笔记·2023-12-03 05:55

uniapp使用uview实现弹出键盘输入密码/验证码功能

文章目录（一）效果图（二）使用组件说明（三）HTML代码及涉及到的属性解释keyboard属性：keyboard事件：MessageInput属性：MessageInput事件：（四）css样式（五）js代码实现数据：事件：（一）效果图（二）使用组件说明组件使用的是uview组件，Keyboard键盘和MessageInput验证码输入两个组件配合使用。uview官方文档：Keyboard键盘：h
林啾啾·2023-12-03 04:05

uniapp实时获取现在的位置

getLocation(){uni.getLocation({type:'gcj02',success:res=>{console.log(res)}});},以上需要通过点击事件进行获取，如果想要实时获取可以通过map组件进行监听
TechWhiz-晓同·2023-12-03 04:00

uniapp如何与原生应用进行混合开发？

目录前言1.集成Uniapp2.与原生应用进行通信3.实现原生功能4.使用原生UI组件结论:前言随着移动应用市场的不断发展，使用原生开发的应用已经不能满足用户的需求，而混合开发成为了越来越流行的选择。
TechWhiz-晓同·2023-12-03 04:00

uniapp中隐藏scroll-view的滚动条

page.json增加配置项"pages":[//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages{"path":"pages
冰点雨·2023-12-03 01:51

uni-app 项目支持 vue 3.0 介绍，及升级指南

Tips：H5/PCWeb平台：hello-uniappH5端已迁移vue3，点击体验App平台：nvue暂不支持Vite编译。除支持vue3语法特性外，uni-app
硅谷干货·2023-12-03 01:02

uniapp上架app store详细攻略

目录uniapp上架appstore详细攻略前言一、登录苹果开发者网站二、创建好APP前言uniapp开发多端应用，打包ios应用后，会生成一个ipa后缀的文件。
技术博主狂热者·2023-12-03 00:32

Uniapp Vue3 基础到实战 教学视频

每天都在更新观看学习地址：视频教学地址（点击跳转）Uniapp的介绍1什么是Uniapp？安装及部署1-1课程简介：了解uni-app是什么，它的优势和适用场景，以及它作为一个跨平台框架的基本概念。
特创数字科技·2023-12-02 23:46

uniApp打包的手机app如果用户没开启通知权限、引导用户开启

封装一个setPermissions.js文件/***如果用户没开启通知权限、引导用户开启*/exportfunctionsetPermissions(){//#ifdefAPP-PLUSif(plus.os.name=='Android'){varmain=plus.android.runtimeMainActivity();varpkName=main.getPackageName();var
蓝斑.json·2023-12-02 22:25

Nginx配置

不建议压缩图片.gzip_type
一个不懂代码的程序猿·2023-12-02 21:01

uniapp如何实现签名

简单的记录一下uniapp如何实现手机签名功能，主要通过uniapp官网的绘画api实现，最终生成一个base64的图片地址，最终实现上传功能话不多说直接上代码：以下是组件的形式，可直接使用：需要创建一个
Maidangchen·2023-12-02 21:55

解决uniapp手机端获取用户设备是否授权，进行授权提示，获取用户相机授权（Android 权限清单整理）

最近在上架app时遇到了一些授权询问的问题，在这里简单记录一下，主要使用的是uniapp进行开发，在官网中有说明使用uni.authorize（）进行授权请求，但是该方法不支持h5和app，所以采用plus.android.requestPermissions
Maidangchen·2023-12-02 21:24

简单记录记录一下uniapp实现上传身份证，并实现身份证识别功能

前言在这里简单记录一下uniapp实现身份证上传功能，简单的描述一下设计的原理，通过uni.chooseImage()获取文件地址，切换本地路径显示对应身份证图片，后通过将file文件转base64上传百度识别
Maidangchen·2023-12-02 21:24

uniapp怎么获取元素高度，获取元素节点信息，获取界面剩余高度

一、在uniapp项目开发的过程中，常常需要获取元素的高度信息，来更容易的实现元素的布局控制，使用场景：列入动态的计算容器的高度，设置组件的最小高度等等在获取元素节点信息中，通常有两种情况：①获取单个②
Maidangchen·2023-12-02 21:54

android加载 ，超超超大的图片，而且不压缩。

Android高清加载巨图方案拒绝压缩图片转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/49300989；本文出自:【张鸿洋的博客】
qq_28909387·2023-12-02 15:25

uniapp——项目day05

购物车页面结算区域把结算区域封装为组件1.在components目录中，新建my-settle结算组件：2.初始化my-settle组件的基本结构和样式：结算组件exportdefault{name:"my-settle",data(){return{};}}.my-settle-container{/*底部固定定位*/position:fixed;bottom:0;left:0;/*设置宽高和背
北岭山脚鼠鼠·2023-12-02 10:32

uniapp-距离distance数字太长，截取保留前3为数字

1.需求将接口返回的距离的字段，保留三位数显示。2.实现效果3.代码：1.这是接口返回的数据：2.调取接口，赋值前先处理每条数据的distance距你{{item.distance}}kmlistFun(){this.$api.appPlateForm('post',url,'',(res)=>{\//距离distance:0.012790634109962281，先转换成字符串，再截取三位数re
小跳不会Coding·2023-12-02 09:01

uniapp-从后台返回的一串地址信息上，提取省市区进行赋值

1.这是接口返回的地址信息2.要实现的效果3.实现代码：{{item.address}}listFun(){leturl=this.$url.url.positionInfoCompany;letparam={page:this.page,limit:this.limit,keyword:this.keyword,};this.$api.appPlateForm('post',url,param,
小跳不会Coding·2023-12-02 09:57

uniapp及uniCloud开发中经常会出现的问题汇总

一、manifest.json内未配置Appld,请重新获取后再uniCloud本地调试服务启动失败，错误信息为:manifest.json内未配置Appld,请重新获取后再试新建uniapp项目会出现以下报错
咸虾米_·2023-12-02 09:24

unicloud云函数url化后，客户端通过url地址向云函数发送数据流并传递到云存储中

在不久前录制过这样一门课程，使用uniapp生态开发API接口，通过这套课程，你不需要后后端Java、Python、PHP等后端语言，你只需要用前端的知识就可以构建这样一套API接口，而且使用uniapp
咸虾米_·2023-12-02 09:19

uniapp中解决swiper高度自适应内容高度

起因：uniapp中swiper组件swiper标签存在默认高度是height:150px；高度无法实现由内容撑开，在默认情况下，swiper盒子高度显示总是150px解决办法思路：动态设置swiper
孤独守夜·2023-12-02 09:18

uniapp rtsp实时直播视频流

1、封装组件exportdefault{name:'videoPlayer',props:{title:{type:String,default:'',},firstPic:{type:String,default:'',},videoType:{type:String,default:'',},videoSrc:{type:String,default:'',},},data(){return{
程序员阿明·2023-12-02 09:46

uniapp小程序分包页面引入wxcomponents(vue.config.js、copy-webpack-plugin)

实例：小程序添加一个源生小程序插件，按照uniapp官方的说明，要放在wxcomponents。后来发现小程序超2m上传不了。
空&白·2023-12-02 09:45

uniapp运行到安卓基座app/img标签不显示

img是html中的标签，他也是一个单标签image属于服务器控件，是个双标签问题：uniapp运行到app安卓基座后图片无法显示原因：自己使用了img标签，而且输入路径无提示，img标签导致图片不显示解决
Cc_Debugger·2023-12-02 09:12

uniapp 原生android插件实现get和post请求

前言由于Android4.0之后不能在主线程中请求HTTP请求，所以请求必须放在子线程中进行。Http请求方式Get与Post的简介先来了解Http协议:Http(HyperTextTransferProtocol超文本传输协议)是一个设计来使客户端和服务器顺利进行通讯的协议。HTTP在客户端和服务器之间以request-responseprotocol（请求-回复协议）工作。简单来说呢，Get与
L·S·P·2023-12-02 09:41

uniapp 项目双屏异显插件使用方式

本文主要记录uniapp双屏异显插件（安卓收银机双屏（副屏）异显，主副屏通讯）使用方式：在uniapp中安装和引入插件请参考uniapp文档，这里不作介绍uniapp里面调用调用也是参考插件文档进行的，
L·S·P·2023-12-02 09:11

uniapp 在线预览PDF

1、官网地址：https://mozilla.github.io/pdf.js/getting_started/2、解压文件到static中3、定义查看组件FilePreviewexportdefault{data(){return{viewerUrl:'../../static/pdf/web/viewer.html',allUrl:'',};},//加载页面时接收的参数onLoad(optio
程序员阿明·2023-12-02 09:08

uniapp uni-popup组件在微信小程序中滚动穿透问题

起因在微信小程序中使用uni-popup组件时，出现滚动穿透，并且uni-popup内部内容不会滚动问题。解决滚动穿透查阅官方文档，发现滚动穿透是由于平台差异性造成的，具体解决可以参照文档禁止滚动穿透exportdefault{data(){return{show:false}},methods:{change(e){this.show=e.show}}}内部滚动内部滚动解决方式比较简单，在uni
L·S·P·2023-12-02 09:37

uniapp如何与原生应用进行混合开发？

其中，Uniapp作为一种跨平台的开发工具，可以让开发人员使用同一套代码，同时运行在不同的平台上，包括iOS、Android、H5等。本文将介绍如何使用Uniapp与原生应用进行混合开发。
冰海恋雨.·2023-12-02 09:37

Uniapp

UniApp是一个强大的跨平台应用开发框架随着移动互联网的快速发展，跨平台应用开发成为了一个重要的需求。UniApp就是一个能够满足这一需求的强大框架。
CQXXTXX·2023-12-02 09:07

uniapp是否可以用elementUI等前端UI库、使用步骤以及需要注意的问题

文章目录uniapp是否可以用elementUI等前端UI库使用方法和步骤问题如何解决uniapp是否可以用elementUI等前端UI库在PC端开发uniapp，可以用elementUI，因为elementUI
WEB前端圈·2023-12-02 08:03

uniapp遍历iconfont，动态绑定style

微信截图_20220816090042.png由于是引入的第三方iconfont的字体图标，此时又需要遍历出来，那么如何遍历iconfont呢？此时就用到了unicode。如&#x转为\u，就变成了\ue614template部分{{item.icon}}{{item.name}}data中data(){return{tabBars:[{name:'专题',icon:'\ue614',color
空我我·2023-12-02 08:27

最新UI仿水滴筹系统源码+全开源Uniapp开发的

正文:朋友是做开发的，所以分享过来的都是企业级别的项目源码，这套是uniapp+fastadmin开发的源码，非常人性化，可以随意二开，有兴趣的自行去体验吧。
htrre·2023-12-02 08:02

uniapp uview u-input在app(运行在安卓基座上)上不能动态控制type类型(显隐密码)

开发密码显隐功能时，在浏览器h5上功能是没问题的而在运行到安卓基座时无法动态控制这时使用v-show直接控制问题解决
Cc_Debugger·2023-12-02 06:35
上一页 43 44 45 46 47 48 49 50 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他