草庐IT

uniapp通过renderjs加载3D模型,支持FBX、GLB和GLTF模型,模型可自动适应。

模型组件组件模板renderjs组件模板n-text-loading是我的自定义loading组件,可以自行替换id是threeView是模型显示的位置,props里面的url是模型链接,cameraZ是相机位置,默认100,一般不需要改,有些z轴很长的模型旋转的时候会有一部分相机看不到这个时候就需要调整这个值了,这两个要从后台上传。:prop=“url”,url就是你传给renderjs的值,不传的话renderjs中拿不到,:change:prop=“thress.updataModelUrl”,这个表示prop改变了会执行模块thress中的updataModelUrl方法,这个方法接收

uniapp 在app和小程序端使用webview进行数据交互

结论:app端支持比较好可以做到实时传递,微信小程序支持比较差,小程序向url传参只能通过url,url向app传参需要特定时机(后退、组件销毁、分享、复制链接)触发才能收到消息。以下是代码app端(需要使用nvue)点击向url传值exportdefault{data(){return{url:'http://192.168.18.103:8080/index?os=wx'}},onLoad(){this.url+='&t='+newDate().getTime()},methods:{//接收h5页面发来的键值判断需要执行的操作PostMessage(evt){console.log("p

uniapp 小程序 filters 过滤日期

页面效果:template> viewclass="order-intro-item">textclass="left-label">日期/text>textclass="right-infotime-text">{{startClearingTime|formatData}}至{{endClearingTime|formatData}}/text>/view>/template>script> exportdefault{ data(){ return{ startClearingTime:"2023-07-1216:00", endClearingTime:"2023-0

uniapp 页面元素水平垂直居中

在uniapp中如何让一个源码在页面中水平垂直居中?可添加如下操作:在App.vue添加如下代码设置页面宽度100%显示page{ width:100%; height:100%;}uni-page-body,#app{height:100%;}在你要居中的页面添加 .center{ height:100%; flex:auto; display:flex; flex-direction:column; justify-content:center; align-items:center;}.container{ width:96px; height:96px; background:

uniapp 小程序canvas uni.canvasToTempFilePath报错 canvasToTempFilePath:fail fail canvas is empty

 只需要在使用uni.canvasToTempFilePath方法的时候添加上this就行了ctx.draw(false,()=>{ uni.canvasToTempFilePath({ canvasId:_that.ids, success:(res)=>{ console.log("-----------------------------") console.log('filepath',res.tempFilePath); } },this)})

uniapp微信小程序,根据用户当前位置计算用户到附近机构/商店的距离

1、首先要弄清楚后端传过来的经纬度是属于哪一类,一共有三大类,分别是:WGS84,GCJ02,BD09WGS84:为一种大地坐标系,也是目前广泛使用的GPS全球卫星定位系统使用的坐标系。GCJ02:又称火星坐标系,是由中国国家测绘局制定的地理坐标系统,是由WGS84加密后得到的坐标系。BD09:为百度坐标系,在GCJ02坐标系基础上再次加密。其中bd09ll表示百度经纬度坐标,bd09mc表示百度墨卡托米制坐标。2、百度、高德、谷歌使用对应的类型百度地图——BD09高德地图——GCJ02谷歌地图——GCJ023、然后就是用户获取的经纬度位置,uniapp有提供的方法uni.getLocatio

【uniapp】uniapp微信小程序开发:启动微信开发者工具提示no such file or directory错误...

当使用uniapp运行微信小程序模拟的时候,遇到这样的错误:#initialize-error:Error:ENOENT:nosuchfileordirectory 开启安全服务端口

vue - 动态绑定ref(使用变量)以及获取方式,解决v-for循环嵌套自定义子组件时无法this.$refs.xx找到动态组件的情况(详细示例教程)适合 vue.js nuxt.js uniapp

介绍正常情况,我们需要在vue中获得某个dom或者组件,我们会通过绑定ref然后通过绑定后的名字来获取这个dom。但是,如果我们在v-for中绑定ref的话,那么这个ref就会存在多个,比如我们点击事件让对应的显示/隐藏的话,我们很难找到这个对应的元素。那么,这时我们需要动态绑定不一样的ref(比如Arr1、Arr2、Arr3这种),那么我们如何实现呢?实现代码注释详细,一眼就能看出如何解决这个问题。以下示例无依赖,可直接在vue环境中运行查看。页面:template>div> section

uniapp图片上传与压缩,兼容小程序与H5

图片上传借助了Uview2.0的组件u-upload:fileList="imgs":name=""@afterRead="afterRead":deletable="true"multiple@delete="deletePic":maxCount="4"width="112rpx"height="112rpx">imagesrc="../../../static/imgs/common/uploadImg.png"mode="widthFix"style="width:112rpx;height:112rpx;":previewFullImage="true">/image>/u-uplo

uniapp uni.getLocation定位错误信息汇总

安卓:系统没开启定位,无提示errMsg:"getLocation:fail:ERROR_NOCELL&WIFI_LOCATIONSWITCHOFF"系统未授权微信定位,无提示errMsg:"getLocation:failsystempermissiondenied"小程序未授权定位,无提示errMsg:"getLocation:failauthdeny"ios:系统没开启定位,会提示设置定位errMsg:"getLocation:failsystempermissiondenied"系统未授权微信定位,无提示errMsg:"getLocation:failsystempermissiond