思路:将标记物固定在地图正中间,地图拖动结束后,获取地图中心位置的经纬度信息html代码{{addr}}css代码.position-logo{position:absolute;width:77rpx;height:77rpx;top:calc(30vh-35rpx);left:50%;transform:translate(-50%,-50%);}.addr-info{padding:19rpx26rpx;background-color:rgba(0,0,0,0.66);box-shadow:0rpx0rpx10rpx0rpxrgba(0,0,0,0.66);opacity:0.8;bo
今天用uniapp写抖音小程序的时候,发现抖音小程序不支持axios(也许是我不会玩哈),那使用uniapp提供的请求方式总是可以的,毕竟uniapp对于小程序的友好度那是真没的说呀。那每个请求都写一套请求代码也太麻烦了,封装一个服务吧。直接上代码,我们把下面这个文件叫做http.js吧,里面的注释也很明白,伸手就能ctrlcv:constBASE_URL='https://用你自己的url替换';//设置基本请求URLconstrequestInterceptor=(config)=>{//添加请求拦截逻辑//在这里可以对请求进行处理,例如添加请求头、签名等config.header={..
uniapp的常用生命周期一、应用生命周期(App.vue文件)二、页面生命周期三、组件生命周期四、项目启动各个生命周期的执行顺序只列举常用生命周期,详细生命周期请看官网此文章吸收了其他多个文章的经验,从而自我总结的笔记一、应用生命周期(App.vue文件)生命周期名称触发时机onLaunch当uni-app初始化完成时触发(全局只触发一次)onShow当uni-app启动或从后台进入前台显示onHide当uni-app从前台进入后台二、页面生命周期uni.navigateTo({url:'...'})保留当前页面,使用uni.navigateBack可以返回到原页面uni.readirect
uniapp生成二维码uniapp生成二维码`最近在写需求的时候遇到了展示二维码入口,扫码后申请获取微信头像数据、微信名称上传至服务器作为待审核员工信息的需求提示:以下是本篇文章正文内容,下面案例可供参考一、二维码实习图参考了https://blog.csdn.net/lemontealin/article/details/104437584这篇文章并做了修改,要想实现二维码的生成的话是需要引用相应插件的,这个插件的作者是echo,echo写了整个ThorUI组件,我个人很佩服他,喜欢他的可以去ThorUI网站看看,学习一下。1)首先下载你需要下载weapp-qrcode.js(百度网盘下载链
1.新建一个工具类js文件2.把我封装的代码复制进去//引入vuex,因为我需要使用vuex存储得到的数据importstorefrom"@/store/index.js"//连接letsocketTask=null//是否主动关闭连接letmeClose=false//地址写你的后端连接地址leturl="ws://192.168.1.2:8888/ws/"lettoken=null//重连定时器letTime=null//心跳定时器letXTime=null//开启连接constsokcet=()=>{//我这个项目需要在连接的时候带token,不需要可以只写url地址 token=un
1.nvue页面使用nvue页面可以直接使用live-pusher组件。由于live-pusher是矩形的,一般人脸识别使用圆形,所以添加cover-image可覆盖在live-pusher上层,修改样式。template> div> divclass="livefater"> divstyle="width:300px;height:300px;border-radius:150px;overflow:hidden;"> live-pusherid='livePusher'ref="livePusher"class="livePusher"url=""mode="SD":mute
简介(下载地址)Ba-IdCode是一款可以获取国内各大手机厂商OAID(开放匿名设备标识)及海外手机平台AAID(安卓广告标识)的uniapp插件。另外也支持获取IMEI/MEID、AndroidID、WidevineID、PseudoID、GUID等常见的设备标识。截图展示不同种类的标识符标识符说明IMEI应该是大家最熟悉的一种ID了,它是手机的身份证,也是运营商识别入网设备信息的代码,是一种不可重置的永久标识符,作用域为设备。AndroidID(SSAID)顾名思义,AndroidID是Android设备里不依赖于硬件的一种「半永久标识符」,在系统生命周期内不会改变,但系统重置或刷机后会
前言 在集成mqtt到小程序的开发过程中,确实走了不少弯路,下了许许多多的示例,一步步踩坑到现在终于完美解决了小程序引入mqtt的方法。该方法原生和uniapp均适用。1.小程序网页配置先登录微信公众平台,找到开发》开发管理》开发设置页面 服务器域名配置中配置socket合法域名为,mq消息服务器的域名。然后保存退出。2.代码集成1.新建mqtt文件夹,下载paho-mqtt.js,把这个js放在新建的文件夹下。下载地址https://download.csdn.net/download/qq_35921773/33237463 2.然后新建mqtt.js用来初始化自己的连接信息把mqt
这两天在开发H5直播带货功能模块,使用原生的video播放器播放不了m3u8的流地址,于是找了videojs,参考了网上的一些资料研究了一下,感觉还不错,videojs播放m3u8流地址还挺稳定的,下面就简单记录一下uniapp里面使用方式。效果一、使用npm安装videojsnpmivideo.js--savenpmivideojs-flash--save二、页面中导入videojsimportvideojsfrom'video.js'import'video.js/dist/video-js.min.css'import'videojs-flash'三、定义播放器区域四、onReady中初
效果展示: 项目要求:点击分享绘制海报,并实现分享到好友,朋友圈,并保存先实现绘制海报 分享 //生成海报 goShare(item,index){ let_this=this; this.shareId=item.id this.isShare=true //uni.hideTabBar() letuserInfo=uni.getStorageSync('userInfo') uni.getImageInfo({ src:userInfo.avatar, succ