草庐IT

uni.uploadFile

全部标签

uni-app 小程序 uni-swipe-action组件,点击右侧内容,不自动收缩效果实现

官方文档uni-swipe-action滑动操作问题描述:当项目需要开发列表滑选删除功能时,可以借助uni-app扩展组件uni-swipe-action实现将内容区域向左滑动,显示右侧删除按钮;当点击内容区域或右侧删除按钮时,组件都会自动收缩有时候,点击删除按钮,弹出对话框询问用户是否确认删除,此时删除按钮不需要隐藏。如何实现?解决方案一、使用变量控制开关(了解)官方示例中,通过控制show属性取值left/right/none,实现组件左右内容的显示与隐藏,需要配合auto-close=false进行使用参考文档实现思路:1、给内容区域绑定touchstart、touchend事件2、用户

【UniApp】-uni-app-打包成网页

前言经过上一篇文章的介绍,已经将这个计算器的计算功能实现了,接下来就是我们项目当中的一个发包上线阶段,我模拟一下,目的就是为了给大家介绍一下,uni-app是如何打包成网页的。除了可以打包成网页,uni-app还可以打包成小程序、App、H5、快应用等等,后面在单独开文章详细介绍。正文接着上篇文章的项目来进行,首先找到项目中的manifest.json文件,因为本篇是介绍打包成网页,所以我们要找到Web配置:配置页面标题配置一下:页面标题配置index.html模板路径配置index.html模板路径:指定VueHTML模板的路径,默认是项目目录结构下的index.html,如果你没有修改过,

记一次uni-app中调用java代码中的方法全过程

一、开发环境•JAVA环境jdk1.8•AndroidStudio下载地址:AndroidStudio官网:https://developer.android.google.cn/studio/index.html•App离线SDK下载请下载2.9.8+版本的android平台SDK.https://nativesupport.dcloud.net.cn/AppDocs/download/android.html#•HBuilderX下载官方下载地址:https://www.dcloud.io/hbuilderx.html二、java代码打包成uni-app可识别的aar文件将下载的App离线

uniapp 小程序端,使用uni-ai-chat对接百度大模型知识库,保留uni-ai-chat流式响应,删除广告及其他冗余代码

我使用的是uniapp管网的uni-ai-chat插件,查看后续内容前,请先确认是否使用的也是该插件uniapp官方插件介绍:https://uniapp.dcloud.net.cn/uniCloud/uni-ai-chat.html插件地址:https://ext.dcloud.net.cn/plugin?name=uni-ai-chat核心代码主要就是重写了send方法中的部分逻辑,我这里是前端直接调用的百度的大模型知识库接口,需要将acess_token拼接在url上,这是不安全的,建议后台封装接口后,前端去调后端的接口 asyncsend(){ letmessages=[]

uni-app 微信小程序之自定义navigationBar顶部导航栏

文章目录1.实现效果2.App.vue3.pages.json配置自定义4.顶部导航栏使用微信小程序自定义navigationBar顶部导航栏,兼容适配所有机型1.实现效果2.App.vue在App.vue中,设置获取的StatusBar,CustomBar高度(实现适配高度写法)uni.getSystemInfo获取可视区域的高度wx.getMenuButtonBoundingClientRect()胶囊按钮位置信息script> importVuefrom'vue' exportdefault{ onLaunch:function(){ uni.getSystemInfo({

uni_app+vite+vue3+ts开发小程序,解决getUserProfile()获取用户信息问题

1.前言最近开发小程序,开发环境uni_app+vue3等。在获取小程序平台用户信息是报错:{errMsg:"getUserProfile:failmustbeinvokedbyusertapgesture",errNo:21500}我在抖音上查了下错误码:看到这个解释也是瞬间无语了,然后在平台查找错误,找了半天终于在vue2升级vue3文档里面找到解决办法,官方链接:uni-app官网(dcloud.io)https://zh.uniapp.dcloud.io/tutorial/migration-to-vue3.html#some-miniapp-terminal-events-of-vu

uni微信小程序 map 添加padding

问题背景:规划驾车线路的时候,使用uni的include-points指定可视范围的时候,会很极限。导致marker不能完全显示。解决方法给地图显示范围添加padding(推荐)mapid="myMap":markers="markers":polyline="polyline":longitude="curLongitude":latitude="curLatitude"@markertap="markertap">map>onLoad((e)=>{uni.createMapContext('myMap',this).includePoints({padding:[120,110,120,1

uni-app获取response header响应头(h5/app/小程序三端)

h5、app获取方式:getResponseHeader(key)示例:参考:HTML5+APIReference//创建xhr实例://#ifdefAPP-VUEletxhr=newplus.net.XMLHttpRequest();//#endif//#ifdefH5letxhr=newwindow.XMLHttpRequest();//#endif//使用getResponseHeader(key)获取//获取头部信息,例如,判断响应头中是否含有X-Ncrypt,若有,可对数据进行一定的处理//#ifdefH5|APP-VUEletisNeedTransport=xhr?.getResp

【UniApp】-uni-app-项目实战页面布局(苹果计算器)

前言经过前面的文章介绍,基本上UniApp的内容就介绍完毕了那么从本文开始,我们就开始进行一个项目的实战这次做的项目是苹果计算器,这个项目的难度不是很大,但是也不是很简单,适合练手创建项目打开HBuilderX,点击左上角文件->新建->项目:搭建基本布局项目创建完毕之后,首先来分析一下苹果计算器的整体布局结构,分为一上一下如下图:上面的部分主要是显示计算结果的,下面的部分主要是显示计算器的按键搭建上半部分布局更改index.vue的内容如下: exportdefault{ data(){ return{ } }, onLoad(){ }, methods:{

详细教程 - 从零开发 Vue 鸿蒙harmonyOS应用 第五节 (基于uni-app封装鸿蒙接口请求库)

  随着鸿蒙系统的兴起,越来越多的app会采用鸿蒙开发。而鸿蒙开发必不可少的就是调用各种接口服务。为了简化接口的调用流程,我们通常会做一层封装。今天就来讲解一下,如何用uni-app封装鸿蒙的接口请求库。一、新建项目  首先我们要新建一个鸿蒙项目啦!当然选择第一个空白项目就可以二、目录结构三、详细介绍1.创建request请求方法  首先在js目录下创建一个ajax.js文件,这个文件用来封装网络请求://request.jsimportconfigfrom'./config.js';exportdefaultfunctionrequest(url,data={},method='GET'){