【uni-app】第52页

使用uview UI和uni-app框架实现图片裁剪功能和上传

使用uviewUI和uni-app框架实现图片裁剪功能和上传写之前参考一下下面三个组件教程,接下来的代码和这三个组件有关uViewAvatarCropper头像裁剪uViewUpload上传uni-app

XFly.·2023-07-25 11:41

uview的折叠面板和u-tabs的扩展

第一个：首先要安装uviewUI框架（已发布如何安装）第二个：使用uview中的折叠面板（Collapse折叠面板|uView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架）第三点

qq_2524963996·2023-07-25 11:10

个人技术总结——uview-plus下的Http请求基本使用及相关使用

这个作业属于哪个课程软件工程-23年春季学期这个作业要求在哪里软件工程实践总结&个人技术总结这个作业的目标个人技术总结其他参考文献构建之法、CSDN社区、uni-app官方文档、uview-plus官方文档目录一

Pota_to·2023-07-25 11:08

uview--上传图片

第一步：项目中引入uview库（详见）项目引入uView_vue引入uview_qq_2524963996的博客-CSDN博客第二步：在uview官网uView2.0-全面兼容nvue的uni-app生态框架

qq_2524963996·2023-07-25 11:38

使用uni-app开发微信小程序时u-view样式不生效问题

1.组件自定义样式不生效需要在前面添加::v-deep在存在shadow-root的dom情况下，需要额外在后面添加>view才能正常修改2.输入框下面的错误信息提示文字跟输入框不对齐，向右偏一些定位到对应的元素后，并找到其父节点给他的父界面下的子节点添加样式修改信息::v-deepu-form-item.u-form-item__message{padding-left:0rpx!importa

SZnA1·2023-07-25 10:23

WebApi+sqlsugar+仓储模式

仓储模式学习记录1.创建模板2.填写项目名称保存位置3.打钩OpenAPI会自动配置swagger4.创建仓储，服务文件夹，Model层，添加类库5.安装sqlsugar包6.贴上代码7.效果示例前言：因为要做uni-app

R·ZORO·2023-07-25 09:51

关于UNI-APP微信小程序订阅信息订阅获取失败的问题处理

关于UNI-APP微信小程序订阅信息订阅获取失败的问题处理调用uni.requestSubscribeMessage()的时候出现报错：requestSubscribeMessage:failcanonlybeinvokedbyuserTAPgesture

托尼覃·2023-07-25 08:44

uni-app 使用uni.request封装发送api请求文档服务器请求导航守卫

前言刚刚接触uni-app时候想着直接使用axios发请求，可以发送成功但是请求头有点问题后面发现教程都是使用@escookrequest-miniprogram三方包发送请求-是没有问题为什么不直接用

-風过无痕·2023-07-25 06:27

uni-app 开发小程序修改page背景颜色

填写全局没用"backgroundColor":"#f5f5f5"后面发现可以在页面上直接更改，但是注意的是不可以加scopedpage{background:#F5F5F5;}这样就可以实现了

�rising girl��·2023-07-25 06:59

UNI-APP_修改页面背景色，uni-app设置单个页面背景颜色

全局背景颜色设置方式：在App.vue的style样式表中设置page{background-color:#F5F5F5;}单页面背景色设置方式：对应页面中的style样式表中设置，且不能有scoped属性，如果需要使用带scoped属性的样式表，则重新创建一个样式表单独写背景色样式page{background-color:#FFFFFF;}

小歪 | 前端·2023-07-25 06:28

使用uni-app设置全局页面适用于模态框

使用uni-app设置全局页面适用于模态框，只要调用就可以实现文章目录使用uni-app设置全局页面适用于模态框，只要调用就可以实现前言一、首先我们要先创建一个弹框的页面二、然后在main.js里面调用

奥佳博客（王小政）·2023-07-25 06:27

uni-app小程序设置页面背景色

在原生微信小程序中，可以通过下面的设置来设置页面背景色page{background:'#f0f0f0'}但是在uni-app上，这样的设置在小程序端并没有起作用。

培根芝士·2023-07-25 06:57

uni-app 设置页面背景颜色（App为啥不改变）

uni-app设置页面背景颜色今天用手机模拟器调试APP的时候，发现页面的背景色一直为白色,但是浏览器上却显示是#FAFAFA。

pipizhou16·2023-07-25 06:56

在uni-app项目中设置背景颜色/微信小程序设置 backgroundColor无效的问题

在DCloud的官方提供的文档中写的方法是这样，如下但是实际设置了之后，没有作用，然后搜了一下说是因为backgroundColor指的窗体背景颜色，而不是页面的背景颜色，即窗体下拉刷新或上拉加载时露出的背景。因此采用了直接在全局样式中设置page的样式(也可以写在app.vue中)，如下：page{background-color:rgb(247,247,255);}

小刺猬_985·2023-07-25 06:54

uni-app全局配置和页面配置

全局配置和页面配置微信小程序页面布局结构：1.全局配置 uni-app通过globalStyle进行全局配置，用于设置应用的状态栏、导航条、标题、窗口背景色等。

闲人不梦卿·2023-07-25 06:23

【uni-app】如何修改uni-app子页面的背景颜色

背景项目里面看到已经被在App.vue中设置了背景色全局生效，想修改子页面单独的页面页面背景色，发现没能一下就生效。page{background-color:#F1F3F6;height:100%;font-size:16px;color:#333;}尝试的无效方案在pages.json中设置子页面的’backgroundColor’属性无效在页面中的style标签内是scoped的设置page

向着光芒的女孩·2023-07-25 05:52

uni-app导入全局样式

打开App.vue文件，在style标签里面添加以下代码，即可全局引入css了，需要注意的是，不是在main.js文件中/*每个页面公共css*/@import'@/uni_modules/uni-scss/index.scss';@import"@/static/styles/animation.css";/*#ifndefAPP-NVUE*/@import'@/static/customico

冫水阔落·2023-07-25 05:21

uni-app中全局设置页面背景颜色

在uni-app中设置背景颜色，想象中应该很简单，其实里面也还是有点小坑的，我们来一起看一下。

laya1211·2023-07-25 05:20

uni-app基于nativejs实现USB-OTG通讯

1，监听USB拔出连接，判断是否含有权限constmain=plus.android.runtimeMainActivity()constIntentFilter=plus.android.importClass('android.content.IntentFilter')constaction='android.hardware.usb.action.USB_STATE'constdevice

十八里8837·2023-07-25 03:26

如何用uni-app+vue3+vant开发微信小程序

uni-app之前一直只支持vue2语法，2021年8月：新版支持了vue3开发，App平台编译器升级为Vite；新版uni-app框架主要做了三大改进：重写框架内核：基于vue3+ts重写内置组件和API

秃头姐妹·2023-07-25 03:35

uni-app支持vue3（小程序、h5、app等）多端开发

一、初始化uni-app项目，这里使用cli方式用命令行创建Vue3/Vite版，详细请参考官网1、创建以javascript开发的工程：npxdegitdcloudio/uni-preset-vue#

Spring_z7·2023-07-25 03:05

Vue--微信和uniapp配置环境地址

一、uniapp在uni-app中配置小程序的接口地址，可以按照以下步骤进行：1.在uni-app项目的根目录下创建一个名为config.js的文件，并确保文件的后缀是.js。

爱吃棉花糖#·2023-07-25 02:57

vue，uni-app算出两个时间相差的天数

此方法只匹配天数，如果要带时分秒的间隔可以自行完善，最后return出去即可sDate1=开始时间sDate2=对比时间//算相隔天数DateDiff(sDate1,sDate2){varaDate,oDate1,oDate2,iDays;aDate=sDate1.split("-");oDate1=newDate(aDate[1]+'-'+aDate[2]+'-'+aDate[0]);//转换为

鲸落子宁·2023-07-25 01:39

uni-app写微信小程序时ucharts层级过高盖的解决方案

思路：在点击某个遮罩或者弹框时，改变data里定义的Showhiddenunits等于true，watch监听对图表进行隐藏和现实。data(){return{Showhiddenunits：false,showCanvas:true,}}watch:{Showhiddenunits(newValue,oldValue){this.showCanvas=!newValue},},经过测试非常好用！

鲸落子宁·2023-07-25 01:39

uni-app路由拦截

新建一个auth.js/***@description权限存储函数*/constauthorizationKey='Authorization'exportfunctiongetAuthorization(){returnuni.getStorageSync(authorizationKey)}exportfunctionsetAuthorization(authorization){return

弓弧名家_玄真君·2023-07-25 01:34

uni-app微信小程序多种分享事件监听并带参数

一、监听用户点击右上角转发到聊天界面onShareAppMessageonShareAppMessage(res){if(res.from==='button'){//来自页面内分享按钮console.log(res.target)}return{title:'自定义分享标题',path:'/pages/test/test?id=123',bgImgUrl:'',}}二、监听用户点击右上角转发到朋

鲸落子宁·2023-07-25 01:34

uni-app 小程序主包、分包优化方案

先看效果图1图2是点图1的那个蓝色的字代码依赖分析看的好，如果博主这2两张图是你要的效果，来，说说具体操作方案一、manifest.json加代码，如下，官方的文旦地址点右边---》uni-app官网"

雪狼之夜·2023-07-25 00:05

uniapp小程序的分包配置、发起请求调接口、封装showMsg提示框、页面跳转

在uni-app项目中，配置分包的步骤如下：1.在项目根目录中，创建分包的根目录，命名为subpkg2.在pages.json中，和pages节点平级的位置声明subPackages节点，用来定义分包相关的结构

喜欢吃鱿鱼·2023-07-25 00:26

uni-app微信小程序分包

1.在pages的同级目录中添加一个新目录Apages2.在pages.json文件中，新增Apages，与pages同级3.在manifest.json中，开启分包优化,添加"optimization":{"subPackages":true}4.跳转到分包页面uni.navigateTo({url:'/Apages/pages/indexs/index'})5.查看分包注：在分包中的静态图片引

搬砖的阿鲁·2023-07-25 00:26

5+App和uni-app在App开发上有何区别？

抛开uni-app可以开发多端，而5+App只能开发App不谈。本文只谈仅做App的情况下，uni-app的App和5+App有什么区别。

dcloudio·2023-07-24 23:51

vue-cli创建uni-app项目 exports is not defined 解决方法

错误描述：exportsisnotdefined错误原因：更新uni-app的时候一并更新了@babel/runtime，@babel/runtime更新到了7.13.x，有较大改动，引起兼容问题。

某公司摸鱼前端·2023-07-24 22:07

uni-app：请求后端数据uni.request

完整代码：onLoad(){uni.request({url:getApp().globalData.position+'Produce/select_employee',data:{username:getApp().globalData.username,},method:'POST',dataType:'json',success:res=>{this.employee_name=res.d

雯0609~·2023-07-24 20:25

uni-app:各种事件（点击事件、回车事件...）

@tap:单击事件@confirm:回车事件@blur:失去焦点事件@touchstart:触摸开始事件@touchmove:触摸移动事件。@touchend:触摸结束事件。@longpress:长按事件。@input:输入框内容变化事件。@change:表单元素值变化事件。@submit:表单提交事件。@scroll:滚动事件。@touchmove:触摸移动事件。@touchend:触摸结束事件

雯0609~·2023-07-24 20:54

uni-app : 监听路由变化

在App.vue中在onLaunch中,利用拦截器监听navigateTo等,切记要在invoke回调函数中查看,要是再success回调函数中,都路由完成了,还看啥?onLaunch(){uni.addInterceptor('navigateTo',{//监听跳转invoke(e){console.log('********invoke-navigateTo********',e.url)},

iOSTianNan·2023-07-24 20:21

项目初始化--uniapp--vscode--vue3--ts

HBuilderX创建uni-app项目注意开启服务端口目录结构├─pages业务页面文件存放的目录│└─index│└─index.vueindex页面├─static存放应用引用的本地静态资源的目录

天籁晴空·2023-07-24 20:50

uni-app如何获取当前页面路由（整个页面对象）？如何获取前一个甚至已经打开的页面路由？

方法一：用官方方法getcurrentpages先获取所有数组，然后取最后一个数组，再去获取路由，当然还有其他的属性可以使用，可自行打印查看letroutes=getCurrentPages();//获取当前打开过的页面路由数组letcurRoute=routes[routes.length-1].route//获取当前页面路由，也就是最后一个打开的页面路由以下是getcurrentpages()

周小航.·2023-07-24 18:01

uni-app跨端开发之生成小程序码和调试scene参数爬坑指南

前段时间，公司的小程序中有一个分享小程序码邀请好友的功能。前前后后也踩过不少坑，然后就有了这篇笔记。如果看官正在因生成微信小程序码或调试scene参数而苦恼，不妨继续往下看看，或许这篇文章能够帮助到您哟。1、如何生成微信小程序码在微官方文档中，一共提供了三种生成小程序码的API接口，场景和限制各不相同。如下表格：生成小程序码的三个接口API解释携带参数wxacode.createQRCode访问文

风中有你406·2023-07-24 18:32

前端Vue uni-app App/小程序/H5 通用tree树形结构图

随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。今天给大家介绍的一款组件:前端Vueuni-appApp/小程序/H5通用tree树形结构图,附源码下载地址：

前端组件开发·2023-07-24 18:22

uni-app表单组件

common-form.vue')||'--'">-->{{translateTime(form[item.prop])}}-->-->{{it}}{{translateName(item)}}{{getMultiLabel(value,item)}}{{item.getName||form[item.editName]||'请选择'}}{{item.drugName||form[item.edi

addU·2023-07-24 16:00

uniapp 之微信小程序、支付宝小程序对于自定义导航栏的不同

目录前言微信小程序代码支付宝小程序首页配置文件二级菜单页面配置总结不同相同前言小程序都是uni-app写的不是原生微信小程序代码pages.json文件中配置重点："navigationStyle":"

HQ8806·2023-07-24 16:59

uni-app中如何实现自定义的时间段选择器

具体的实现方法就是使用小程序中的picker-view组件https://uniapp.dcloud.io/component/picker-view注意：pop是我引入的一个弹窗组件{{item}}{{item}}确定exportdefault{components:{pop},data(){letpopright=['立即上门','00.00-01.00','01.00-02.00','02.

芒果大胖砸·2023-07-24 14:48

uni-app日期范围选择，颗粒度为年-月-日

效果图：1.在components中引入term-picker.vue{{startText}}{{resultDate[0]}}至{{endText}}{{resultDate[1]}}确定{{item}}年{{item}}月0">{{item}}日exportdefault{name:'termPicker',props:{visable:{type:Boolean,default:false

st646889325·2023-07-24 14:18

【uni-app】通过uni-app基础组件picker实现选择日期、时间的功能示例（完整代码+图文）

一、获取日期（基础）{{date}}exportdefault{data(){return{date:'请选择日期'}},methods:{onDateChange:function(e){this.date=e.detail.value;}}}.container{padding:20rpx;background-color:#f5f5f5;}.date-picker{line-height:8

敦厚的曹操·2023-07-24 14:15

十、uni-app小程序时间戳

目录1、动态年-月-日-时-分-秒2、定格时间（自动回显且下拉可选）3、可以同时选择日期和时间的选择器4、个性设置时分秒/年月日时分秒/时分秒-时分秒/年月日时分秒-年月日时分秒其他：dateTimePicker文件源码1、动态年-月-日-时-分-秒{{dateFormat(date)}}exportdefault{data(){return{date:newDate().toISOString(

Ming-Afresh·2023-07-24 14:14

uni-app项目封装http请求和不封装请求

一、封装方法1（_gt和_mt类型）1.在根路径下新建config基路径文件夹，新建index.js文件用于封装基路径//在config/index.js//请求的基本路径constbaseURL=process.env.NODE_ENV==="development"?"http://192.168.1.188:8080"://测试环境(请求接口的代理路径)"http://zxwyit.cn:8

℘团子এ·2023-07-24 14:43

uni-app微信支付app端调试

移动应用想要调用微信的支付功能，需要到微信开发平台申请创建移动应用，微信会给appid，拿到appid到HBuilderX中打开一个uni-app项目，添加对应的sdk。

船了了·2023-07-24 02:16

5.13 uni-app flex学习笔记

flex-direction:设置元素的排列方向row:从左向右row-reverse：从右向左column:从上到下column-reverse：从下到上注：如果将css移动到外部，则@importurl("flex-direction.css);flex-wrap:使容器内的元素换行nowrapwrapwrap-reversejustify-content:设置元素在主轴上的对齐方式flex-

老婆日向雏田·2023-07-23 14:52

Uniapp插件开发

开发指南：https://ask.dcloud.net.cn/article/35428注意事项：https://ask.dcloud.net.cn/article/35139自定义组件模式和uni-app

rockman_·2023-07-23 13:32

从零开始搭建SpringBoot项目(三)——小程序Uni-app项目搭建(详细教程和实战)

SpringBoot项目(一)——开发环境搭建从零开始搭建SpringBoot项目(二)——Swagger接口测试平台搭建目录前情回顾一、前置条件二、本篇介绍三、获取小程序AppID和密钥四、创建小程序项目五、UNI-APP

何壹时·2023-07-23 11:29

Vue.js uni-app 混合模式原生App webview与H5的交互

在现代移动应用开发中，原生App与H5页面之间的交互已经成为一个常见的需求。本文将介绍如何在Vue.js框架中实现原生App与H5页面之间的数据传递和方法调用。我们将通过一个简单的示例来展示如何实现这一功能。附完整源码下载地址:https://ext.dcloud.net.cn/plugin?id=13500效果图如下:首先，我们需要在Vue.js项目中引入原生App与H5页面之间的通信桥梁。在这

前端组件开发·2023-07-23 09:09

推荐频道

【uni-app】