草庐IT

uniapp的tabBar角标

全部标签

记录自己开发一款小程序中所遇到的问题(uniapp+uview)(持续更新)

每次开发小程序中,都会遇到各种各样的问题。但是有的问题已经遇到过了,但是遇到的时候还是要各种的问度娘。特此出这篇文章,方便自己也是方便大家。仅供参考1.u-collapse的样式在h5中正常,但是运行到微信小程序中样式就乱了?原因:解决办法:不用slot的写法,但是会有样式这一块的修改。样式的修改方法如下。///deep/是深度,!important是最高的优先级//这个类名怎么找?在浏览器中按F12,找到左上角箭头,点击你要修改的,就会出现你要修改的类名,具体可以私信我,我教你。u-icon__icon左侧图标u-cell__title-text左侧标题/deep/.u-icon__icon

HarmonyOS引导页登陆页以及tabbar的代码说明 home 下拉刷新页代码 5

下拉刷新页代码说明这一页第一次运行时很卡,就是你点击修改,要等一会才出来,加一句,修改的字样原来应是修车二字。只能将错就错。constTopHeight=200;@ComponentexportdefaultstructCar{@Statelist:Arraynumber>=[]//列表y坐标偏移量@StateoffsetY:number=0//按下的y坐标privatedownY=0//上一次移动的y坐标privatelastMoveY=0//当前列表首部的索引privatestartIndex=0//当前列表尾部的索引privateendIndex=0//下拉刷新的布局高度privatep

uniapp打包成H5部署到服务器教程

步骤如下:1:点击菜单栏发行,点击选择网站-H5手机版,2:在网站域名这一栏填写,网站域名,例如www.xxx.com或者你的服务器的IP地址47.103.XX.XX,(这个地址是你将项目打包之后存放放静态文件的地址)。3、4、项目里面请求的公共路径5、打包6、上传到服务器7、配置nginx配置ssl8:注意,这三个地方的路径名称一定要一致哦。1:打包时候的配置的运行的基础路径2:服务器根目录底下存放静态文件static和index.html3:浏览器里面访问的路径步骤2步骤4域名地址得一样作者:祈澈菇凉链接:https://www.jianshu.com/p/dee3043bc994来源:简

uniapp在Windows系统上打包IOS

获取UDID使用苹果手机自带Safari浏览器可获取UDID:https://www.pgyer.com/udid苹果开发者官网:https://developer.apple.com/生成开发证书安装OpenSSL并配置环境变量:http://slproweb.com/products/Win32OpenSSL.html管理员打开命令行whereopenssl假设安装目录为:D:\soft\az\OpenSSL-Win64\binD:cdD:\soft\az\OpenSSL-Win64\binsetRANDFILE=.rnd新建openssl.cnf,内容为:#OpenSSLConfigur

uniapp 创建项目

uniapp是一款基于Vue框架的跨平台应用开发框架。创建uniapp项目一、打开HbuilderX编辑器,点击新建项目。二、选择uniapp项目、自定义项目名称、选择默认模板、选择Vue版本、点击创建。  三、这样uniapp项目就创建完毕啦!运行uniapp项目到浏览器中一、随便选中一个页面,点击运行、选择运行到浏览器、点击浏览器名称即可。二、等待项目运行完毕后,就能看到这样的一个界面啦! 原创作者:吴小糖创作时间:2023.12.27

uniapp Vue3 面包屑导航 带动态样式

上干货 {{item.name}}您已转到{{selectedPage}}页面您已转到{{selectedPage}}页面您已转到{{selectedPage}}页面import{onMounted,ref}from"vue"//定义路由列表constroutes=ref([{to:"A",name:"A页面",},{to:"B",name:"B页面",},{to:"C",name:"C页面",},])//当前选中的路由constselectedRoute=ref("")//当前选中的页面constselectedPage=ref("")//点击路由项的处理函数functiondianji(i

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,如果你没有修改过,