uniapp压缩图片

uniapp(vue2)+VoerkaI18n多语言

今天我学习了VoerkaI18n国际化插件，它是一个适用于Javascript/Vue/React/Solid/ReactNative的国际化全流程解决方案。VoerkaI18n可以帮助我们轻松地实现应用程序的多语言支持，使得应用程序可以适应不同的语言环境。比较吸引我的是集成自动翻译,t(“中华人民共和国万岁”)这种中文优先写法,而不是t(“hello”)这种官方文档VoerkaI18n安装：np
昱凯·2024-01-10 08:45

基于uniapp封装的table组件

数据格式tableData:[{elcInfo:[{tableData:[1,293021.1,293021.1,293021.1,293021.1,]}]},{elcInfo:[{tableData:[1,293021.1,293021.1,293021.1,293021.1,]}]},{elcInfo:[{tableData:[1,293021.1,293021.1,293021.1,2930
LXXgalaxy·2024-01-10 08:14

uniapp中uview组件库中丰富的LineProgress 线形进度条 的使用方法

目录平台差异说明#基本使用#设置进度条动画效果#设置进度条内部显示百分比值#修改进度条的样式#API#Props#Slots平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用通过percent设置当前的进度值，该值区间为0-100.通过active-color设置进度条的颜色，也可以直接设置type主题颜色(优先起作用)，使用预置值#设置进度条动画效
TechWhiz-晓同·2024-01-10 08:09

uniApp 顶部导航栏右侧添加文字按钮

{"path":"pages/allin/MessageCenter/MessageCenter","style":{"navigationBarTitleText":"消息中心","enablePullDownRefresh":false,"app-plus":{"titleNView":{"buttons":[{"color":"#E8B36F","fontSize":"30rpx","tex
蜕变菜鸟·2024-01-10 08:38

深入了解鸿鹄工程项目管理系统源码：功能清单与项目模块的深度解析

本文将介绍一款功能强大的工程项目管理软件，该软件采用先进的Vue、Uniapp、Layui等技术框架，涵盖了项目策划决策、规划设计、施工建设到竣工交付、总结评估、运维运营等全过程。
m0_66404702·2024-01-10 08:14

Flyio封装API接口（uniapp开发微信小程序）

Flyio封装API接口1）flyio是什么?2）flyio能干什么？3）flyio使用1）flyio是什么?一个支持所有JavaScript运行环境的基于Promise的、支持请求转发、强大的http请求库。可以让您在多个端上尽可能大限度的实现代码复用。2）flyio能干什么？Fly.js是一个基于promise的，轻量且强大的Javascripthttp网络库，它有如下特点：提供统一的Prom
《独自往前》·2024-01-10 06:16

小程序开发之uniapp项目框架搭建

出于对技术的实践，以及博主最近刚刚拥有了一台自己的云服务器，本着闲着也是闲着的态度，准备着手开发一款快递下单、查询快艇实时状态的多端小程序，又不想在各个小程序平台重复开发，因此选择了uinapp。博主先讲诉一下大致开发的流程，针对博主遇到的问题，将进行一个细致的讲解。下面是使用Uni-app搭建项目框架的简要步骤：步骤：安装Node.js：Uni-app需要依赖Node.js，因此首先确保你的系统
羱滒·2024-01-10 04:14

uniapp 多轴图，双轴图，指定哪几个数据在哪个轴上显示

这里使用的在这里导入，秋云uchartsecharts高性能跨全端图表组件-DCloud插件市场这里我封装成一个组件，自适应的，可以直接复制到自己的项目中exportdefault{data(){return{chartData:{},//您可以通过修改config-ucharts.js文件中下标为['mix']的节点来配置全局默认参数，如都是默认参数，此处可以不传opts。实际应用过程中opts
会玩代码的猫·2024-01-10 04:00

uniapp+vue+axios真机无法发送请求

解决方案：配置axios适配器（axios-adapter-uniapp）命令npminstallaxios-adapter-uniapp使用importaxiosfrom'axios'importaxiosAdapterUniappf
J小五·2024-01-10 03:16

uniapp中picker-view 封装时，分，秒选择组件

前言：因为工作中要用到精确到秒的时间组件，uniapp的组件和uview组件都不太合适，所以自己用picker-view封装一个，写的比较粗糙，有不对的地方请提出来，方便改正，谢谢额。
Lzs、uncle·2024-01-09 23:48

uniapp自定义封装只有时分秒的组件，时分秒范围选择

说实话，uniapp和uview的关于只有时分秒的组件实在是不行。全是日历，但是实际根本就不需要日历这玩意。百度了下，终于看到了一个只有时分秒的组件。
全栈科学家·2024-01-09 23:17

uniapp微信小程序预览文档功能笔记

uniapp微信小程序预览文档功能本文档主要预览doc|docx|xls|xlsx|ppt|txt|pdf，此代码为台账管理中的文件，具体循环列表依据实际情况。
精通Hello World点war·2024-01-09 21:59

vue 前端等比例压缩图片(再转换成文件后上传后端)

前端压缩图片总的来说还是转base64然后等比例放小宽和高这个是上次压缩图片的一个扩展压缩完之后再将base64转成blob再转成文件然后再上传一生要强的前端崽子（后端不支持base64上传）自己改吧改吧
小全upup·2024-01-09 20:28

Vue 前端等比例图片压缩

前端压缩图片的方式是利用canvas进行压缩代码如下maximg='xxx'最长边的值getBase64(url,callback){let_that=thisvarImg=newImage(),dataURL
小全upup·2024-01-09 20:58

vue3+uniapp+TS+Vite+uView-plus（uniapp-nutui）微信小程序模板搭建

官网下载目录结构：DCloud/uni-preset-vue-码云-开源中国(gitee.com)下载zip压缩包即可目录一.依赖下载二.运行三.vite.config.json文件修改四.uView-plus组件库加载1.安装依赖2.main.ts引入3.uni.scss中引入4.App.vue中首行的位置引入5.pages.json配置6.修改7.测试样式五.pinia引入到项目1.下载依赖（
程序猿online·2024-01-09 19:15

uniapp自定义底部导航栏

1.新建nav-custom.vue组件{{title}}exportdefault{props:{bgColor:{type:String,default:"#F5CFA8"},backIcon:{type:Boolean,default:true},title:{type:String,default:"赴日通"},titleColor:{type:String,default:"#fff"}
葫芦娃y·2024-01-09 19:23

uniapp最简单的底部兼容安全区域显示

效果图：1.html写上动态padding-bottom取消确认2.获取设备信息constres=awaituni.getSystemInfo({})this.bottomPadding=(res.screenHeight-res.safeArea.bottom)*2||30
葫芦娃y·2024-01-09 19:49

uniapp小程序input组件type=‘nickname‘获取不到微信昵称的值，解决方法

问题描述在实现头像昵称填写功能时无法获取到，微信昵称的值。如下图，无法拿到“Dexter”。无法触发@input事件，也不能使用@blur解决方法使用@change监听input元素的变化事件，当输入框的值发生变化时，将调用getNickname方法。代码htmljsgetNickname(e){this.nickName=e.detail.value},
T3165919332·2024-01-09 18:21

uniapp scroll-view 组件无法确定内容的固定高度 怎么解决

问题描述scroll-view组件无法确定内容的高度思路使用可视高度动态生成高度代码使用视口高度.scroll-view{height:100vh;/*设置高度，这里使用视口高度的100%*/}在上述示例中，scroll-view使用scroll-y属性来启用垂直滚动。高度被设置为视口高度的100%（100vh），这是一种在不知道固定高度的情况下，使其占据整个屏幕高度的一种常见做法。使用动态计算高
T3165919332·2024-01-09 18:51

记uniapp总动态:style无法用带参数的computed属性问题

问题描述：v-for里面的组件呢，我要根据不同的item配置不同的style,于是有了这样的写法{{day.extraInfo.info}}exportdefault{computed:{bgStyle:function(){return(day)=>{if(day.extraInfo){return`background-color:${day.extraInfo.data.bgColor}`}
月明泉清·2024-01-09 18:45

使用命令行方式搭建uni-app + Vue3 + Typescript + Pinia + Vite + Tailwind CSS + uv-ui开发脚手架

uni-app+Vue3+Typescript+Pinia+Vite+TailwindCSS+uv-ui开发脚手架项目代码以上传至码云，项目地址：https://gitee.com/breezefaith/uniapp-vue3
偏安zzcoder·2024-01-09 14:01

【uniapp】调用阿里云OCR图片识别文字：

文章目录一、效果：二、实现：一、效果：二、实现：【阿里官方】高精版OCR文字识别【最新版】-云市场-阿里云选择图片import{pathToBase64,base64ToPath}from'image-tools'//npmiimage-tools--saveexportdefault{data(){return{content:'',}},methods:{imageOcrRecognition
Sun Peng·2024-01-09 14:00

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -投票创建后端实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-09 13:50

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -创建图文投票实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-09 13:19

uniapp开发APP使用高德地图和renderjs注意点踩坑点

1.先调用逻辑层再加载视图层2.目前不支持scriptsetup写法因为视图层向逻辑层传递数据setup写法逻辑层会接收不到视图层的数据this.$ownerInstance.callMethod回调会拿不到{{state.mapDetail.deviceName}}上报时间{{state.mapDetail.lastReportTime}}详情设备状态{{state.mapDetail.onli
大力水手~·2024-01-09 11:51

uniapp 开发小程序 去除状态栏和导航栏页面高度100%

1//importtabbarfrom'../../component/tabbar.vue'exportdefault{//components:{//tabbar//},data(){return{statusBarHeight:0,//状态栏高度，单位：pxtitleBarHeight:0,//标题栏高度，单位：pxheaderHeight:0,//页面头部高度，单位：pxbodyHeigh
大力水手~·2024-01-09 11:20

uniapp地图兼容小程序和APP（高德地图），点击marker并弹框详情

1.uniapp地图页面兼容小程序和APP2.小程序使用map组件APP使用高德地图3.点击定位按钮地图自动移动到定位点4.APP地图逻辑是视图层交互使用renderjs5.点击地图marker弹框详情
大力水手~·2024-01-09 11:44

UniApp微信小程序使用echarts图标教程(附源码)

在项目中直接使用echarts时，H5端是OK的，但微信小程序会报错，所以来看一下如何在微信小程序中使用echarts1.打开链接，下载第一个下载链接注意看此时这个版本是5.3.32.官网在线定制，下载下来注意与版本等待下载下载完成这是下载好的文件3.将echarts.min.js文件放到这个目录下面4.下载这个插件导入在HBuilderX中的项目echarts-DCloud插件市场5.引入6.运
Chemo辰陌·2024-01-09 10:37

ffmpeg+x265精简压缩图片

可以看到700MB->9MB，700MB的图片可以压缩到只有9MB，并且模型推理精度只会下降0.07个百分点，x265其实有很多种压缩方式，经过大量实验qb36是最好的，默认使用这个。@input_images：原始图片。@mkv_files\qb36：中转文件，也就是说原始图片要先转换为.mkv文件，然后继而转换为被压缩后的图片。@output_images:不用多说，压缩后的图片。NOTE:只
大气层煮月亮·2024-01-09 10:07

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -用户信息修改实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-09 07:20

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -个人中心页面搭建实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-09 07:19

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -投票创建页面实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-09 07:44

Vue、uniApp、微信小程序、Html5等实现数缓存

此文章带你实现前端缓存，利用时间戳封装一个类似于Redis可以添加过期时间的缓存工具不仅可以实现对缓存数据设置过期时间，还可以自定义是否需要对缓存数据进行加密处理工具介绍说明对缓存数据进行非对称加密处理对必要数据进行缓存，并设置过期时间，并设置是否需要对缓存数据进行加密处理其他工具1、过期时间：封装好的工具，可以添加数据的缓存时长（过期时间）2、是否加密：可以根据需求，是否需要对缓存的数据进行加密
.陌路·2024-01-09 06:45

基于微信小程序的点餐系统的设计与实现

JDK1.8服务器：tomcat7数据库：mysql5.7（一定要5.7版本）数据库工具：Navicat11开发软件：eclipse/myeclipse/ideaMaven包：Maven3.3.9小程序框架：uniapp
q_1262330535·2024-01-09 05:59

小程序项目：基于微信小程序的超市购物系统——计算机毕业设计

JDK1.8服务器：tomcat7数据库：mysql5.7（一定要5.7版本）数据库工具：Navicat11开发软件：eclipse/myeclipse/ideaMaven包：Maven3.3.9小程序框架：uniapp
QQ1039692211·2024-01-09 05:58

案例109:基于微信小程序的高校寻物平台设计与实现

文末获取源码开发语言：Java框架：SSMJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-01-09 05:27

案例110:基于微信小程序的书橱系统

文末获取源码开发语言：Java框架：SSMJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-01-09 05:27

案例108:基于微信小程序的校园二手交易平台的设计与实现

文末获取源码开发语言：Java框架：SSMJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-01-09 05:57

案例104:基于微信小程序的随堂测系统设计与实现

文末获取源码开发语言：Java框架：SSMJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-01-09 05:55

uniapp实现导航栏中间图标凸起

1、使用uniapp官方提供的属性midButton使用时，list数组须为偶数pages.json"tabBar":{"color":"#000","selectedColor":"red","list
前端榴脆骨·2024-01-09 05:24

uniapp使用高德地图获取当前定位城市

要在高德地图开放平台申请key下载amap-wx.130.jsmanifest.json{{position?position.city:'定位失败'}}importamapfrom'@/common/amap-wx.130.js'exportdefault{data(){return{position:[],//定位获取的位置}},onShow(){this.getWarpweft()},met
前端榴脆骨·2024-01-09 05:24

uniapp中使用高德地图

要在高德地图申请keynpmi@amap/amap-jsapi-loader--saveimportAMapLoaderfrom"@amap/amap-jsapi-loader";exportdefault{name:"map-view",data(){return{}},mounted(){this.initAMap();},unmounted(){this.map?.destroy();},m
前端榴脆骨·2024-01-09 05:24

uniapp z-paging简单使用——笔记

根据官网学习，记录一下笔记介绍一个uni-app(opensnewwindow)分页组件。全平台兼容，支持自定义下拉刷新、上拉加载更多，支持虚拟列表，支持自动管理空数据图、点击返回顶部，支持聊天分页、本地分页，支持展示最后更新时间，支持国际化等等。插件下载：【z-paging下拉刷新、上拉加载】高性能，全平台兼容。支持虚拟列表，支持nvue、vue3-DCloud插件市场使用搜索{{item}}这
前端榴脆骨·2024-01-09 05:23

uniapp中使用tmt-calendar字体的颜色如何修改

tmt-calendar这个插件市场下载的组件默认的眼色为深蓝，如下图然后能够动态修改这些颜色的参数也很限制，就想着从源代码上面去修改，但是本人在项目的src/components这个目录下找了很久没有找到又去node_modules目录下寻找也没有找到，最后发现他是安装在src/uni_modules这个目录下面的，所以想要修改的盆友注意了哈，是在这个目录下,最终实现我想要的结果
꧁꫞꯭零꯭点꯭꫞꧂·2024-01-09 01:44

uniapp中的导入zzx-calendar日历的使用

需求：一周的日历，并且可以查看当月的，下个月的，以及可以一周一周的切换日期借助：hbuilder插件市场中的zzx-calendar插件库在父组件中引入并注册为子组件importzzxCalendarfrom"@/components/zzx-calendar/zzx-calendar.vue"exportdefault{components:{zzxCalendar},data(){faDays
꧁꫞꯭零꯭点꯭꫞꧂·2024-01-09 01:13

uniapp微信小程序接入友盟

Appkey，按要求填写小程序名称及类型：三、在微信小程序中接入SDK----以下是npm配置1.安装友盟微信sdknpminstallumtrack-wx@latest--save2.配置由于使用的是uniapp
前端菜菜DayDayUp·2024-01-09 01:06

uniapp开发技巧

时间格式化getTime(time){//比如需要这样的格式yyyy-MM-ddhh:mm:ssconsole.log(time)letdate=newDate(time*1000);letY=date.getFullYear()+'-';letM=(date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1)+'-';letD=d
失落村庄·2024-01-09 01:32

uniapp 生成H5调用摄像头识别二维码

在安卓系统上可以打开闪光灯准备工作：1、插件：mumu-getQrcode2、hbuildX生成的uniapp项目兼容情况：使用：1、如果是通过脚手架创建的uni的项目，需要自行安装jsQR依赖，并且修改组件中源码中的引入
qtianyuq·2024-01-09 01:32

uniapp支付功能实现

¥{{price}}-->{{$t('请选择支付方式')}}{{item.name}}({{item.info}})exportdefault{data(){return{rechargeTypes:[],orderNo:'',price:'',isApp:false,style:{icon:{width:"50rpx",height:"50rpx"}},typeChosed:'',payment
失落村庄·2024-01-09 01:02

uniapp，vue3，h5端使用zxing扫描二维码，条形码

文章目录前言一、引入zxingnpm直接使用js文件二、功能实现1.获取摄像头2.开始扫描完整代码前言废话不多说，使用uniapp时scan方法不支持h5端，因此h5端需要自己引入三方库，我这里用的是zxing
charlie_y·2024-01-09 01:53
上一页 21 22 23 24 25 26 27 28 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他