草庐IT

uniapp-H

全部标签

uniapp点击输入框时键盘不上推页面

adjust-position设置为false,然后监听键盘的高度赋值给输入框bottom这里还一个非常重要的地方,在根元素设置@touchmove.stop.prevent,这样在ios上页面就不会滚动,不影响其他组件内部滚动onReady(){//监听键盘高度变化,以便设置输入框的高度uni.onKeyboardHeightChange(res=>{this.inputOffsetBottom=res.heightif(res.height===0){this.focus=false}})},0?inputOffsetBottom+'px':'0'}":disabled="setDisab

uniapp实现拨打电话跳转手机拨号界面 (ios和安卓通用)

效果展示:左边为安卓系统展示,右边为ios系统展示代码:toPhone(){uni.makePhoneCall({phoneNumber:"10086",//要拨打的手机号success:(res)=>{//console.log("调用成功")},fail:(res)=>{//console.log('调用失败!')}})},api解析:uni.makePhoneCall(OBJECT) 拨打电话OBJECT参数说明:参数名类型必填说明phoneNumberString是需要拨打的电话号码successFunction否接口调用成功的回调failFunction否接口调用失败的回调函数com

uniapp 使用websocket 如何实时接受数据?

使用websocket如何实时接受数据?​一、介绍websocket​什么是websocket​是一种支持浏览器与服务器之间实时双向通信的协议。它允许客户端与服务器建立持久的连接,通过这个连接双方可以实时地传输数据。WebSocket的出现解决了传统的HTTP协议只能由客户端向服务器发送请求,而服务器无法主动向客户端推送数据的问题。​通过使用WebSocket,我们可以在UniApp中实现实时接收数据的功能。UniApp提供了WebSocketAPI,通过这个API,我们可以方便地创建WebSocket连接、发送数据和接收数据。我们可以在UniApp的页面中引入WebSocket相关代码,并在

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

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

uniapp实现webview页面关闭功能

实现思路:1.关闭按钮是使用原生button添加的close属性。(见page.json页面)2.监听关闭按钮的方法。(onNavigationBarButtonTap)3.写实现关闭webview所有页面的逻辑。废话不多说,直接上代码1.page.json添加关闭按钮2.webview页面实现关闭逻辑实现代码: exportdefault{ data(){ return{ params:{ url:"https://www.hgjt.com/" }, webviewStyles:{ progress:{ color:"#027AFF"

流浪宠物领养系统nodejs_vue+uniapp 微信小程序

本系统共包含15个表:分别是配置文件表,宠物信息评论表表,视频播放评论表表,朋友圈表,宠物类型表,宠物信息表,宠物预约表,宠物资讯表,入园信息表,视频播放表,收藏表表,关于我们表,token表表,用户表表,用户表等信息表 语言:Java+python+nodejs+php均可选运行软件:idea/eclipse/vscode/pycharm/wamp框架支持:Ssm/springboot/django/thinkphp基于Uni-APP的宠物领养系统是一个可以很大程度上解决流浪宠物问题的系统。基于Uni-APP的宠物领养系统分为小程序部分和后台管理两部分。小程序主要功能包含:用户注册登录,首页

互联网+建筑工地源码,基于微服务+Java+Spring Cloud +Vue+UniApp开发

一、智慧工地概念智慧工地就是互联网+建筑工地,是将互联网+的理念和技术引入建筑工地,然后以物联网、移动互联网技术为基础,充分应用BIM、大数据、人工智能、移动通讯、云计算、物联网等信息技术,通过人机交互、感知、决策、执行和反馈等,实现对工程项目内人员、车辆、安全、设备、材料等的智能化管理。智慧工地是指通过信息化技术、物联网、人工智能技术等手段,对建筑工地进行数字化、智能化、网络化升级,实现对施工全过程的实时监控、数据分析、智能管理和优化调控。智慧工地的建设可以提高工地的安全性、效率性和质量,降低施工成本,是建筑行业数字化转型升级的重要抓手。本文将介绍智慧工地目前比较成熟的技术。二、智慧工地管理

uniapp微信小程序 图片&文件上传并且支持图片和文件预览(pdf等文件预览)巨细教学!

首先呢,小程序打开pdf等文件有下面几种办法:用微信自带的wx.downloadFile()+wx.openDocument()使用web-view,uni-app中webview可以直接加载pdf文件可以使用网上说的pdf.js去实现(我没有用到这个,就不介绍了)网上查到很多资料显示安卓是可以通过上面第一种办法,但是ios用第一个方法打不开,网上、社区确实有这个说法,但是貌似bug被修复了,我经过测试现在安卓和ios都可以打开。如果大家遇到了这样的bug,那可以安卓使用方法1,苹果使用webview的方式打开文件我上传文件使用的是uni-ui的上传组件:这里要提一个bug就是说,这个组件设置

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=[]

vue+uniapp校园寻物失物招领平台 微信小程序1f6z5

系统中的核心用户是管理员,管理员登录后,通过管理员菜单来管理后台系统。主要功能有:首页、个人中心、用户管理、物品分类管理、物品信息管理、物品归还管理、留言板管理、系统管理等功能。管理员用例如图3-7所示。对于本网上失物招领小程序的设计来说,它主要是采用后台java语言、SSM框架,它是应用mysql数据库、微信开发者工具等技术动态编程以及数据库进行努力学习和大量实践,并运用到了小程序的建设中在整个系统的设计当中,具体根据网上失物招领小程序的现状来进行开发的,具体根据用户需求实现网上失物招领小程序网络化的管理,各类信息有序地进行存储,进入网上失物招领小程序页面之后,方可开始操作主控界面,系统功能