uniapp
请叫我欧皇i
前端开发工程师~专注前端领域技术~一起学习进步~
展开
-
uniapp自定义顶部导航并解决打包成apk后getMenuButtonBoundingClientRect方法失效问题
需求:要在app上的顶部导航提示哪里添加一些东西进去,用uniapp自带的肯定不行啊,所以自定义了所有的页面的顶部导航,之后自定义后用手机调试发现 uni.getMenuButtonBoundingClientRect()这个方法的top获取不到....网上找了很多种方法才实现,记录一下。原创 2024-01-05 14:57:26 · 1013 阅读 · 0 评论 -
解决uniapp打包成apk后uni.getStorageSync获取不到值
uniapp写的项目,在hbuilderx中云打包成apk后我在登录存储的token死都获取不到,导致后续接口请求头没有token连接不到接口,试过了很多种方法,uni.getStorageSync、uni.setStorage和uni.getStorage进行存储、vuex还有全局变量...没一个成功的。但是在同一个页面进行存储和取值是可以实现。所以猜想是写法的问题。原创 2024-01-05 14:26:05 · 1209 阅读 · 0 评论 -
uniapp实现腾讯地图定位,生成点,多点连线,清空点线,卫星地图等功能
功能:1.地图上标点,点有内容,点击点后可以查看点的信息,详情2.点击地图生成点,点击多个点后可以实现点连线功能3.点击按钮后,可以把生成的点清空4.卫星地图和默认地图切换功能。原创 2023-07-05 16:41:10 · 3376 阅读 · 15 评论 -
uniapp创建多个分包,解决代码过多文件超出上传不了的问题
问题:小程序目前限制是不超过2m,包体积超过2m了就建议使用分包了,不然预览不了代码也传不上去,分包可以创建多个,每个分包体积最大为2m,小程序总体积(包含分包)不能超过20m。有小伙伴提问了,为什么小程序主包最多不超20m,你猜它为什么要叫小程序。20m可以满足大多数需求了。注意!!分包只能做非tabbar页面的操作,如果页面需要使用tabbar,主页面和tabbar页面只能放在主包pages里。原创 2023-07-04 10:51:03 · 583 阅读 · 0 评论 -
uniapp-设置全屏
需求:就是想要小程序不受限制,可以把图片或者文字全屏的展示,如下图。原创 2023-07-04 10:19:17 · 2884 阅读 · 0 评论 -
vscode开发小程序项目并在微信开发者工具运行
需求:vscode开发uniapp之后在微信开发者工具运行,更改的时候微信开发者也同步更改。原创 2023-05-25 10:35:51 · 7966 阅读 · 0 评论 -
uniapp实现触底添加数据
2-页面第一步肯定是获取后台接口数据之后渲染页面,下面这段代码只是个案例哈,this.$http.post是封装的接口请求。1-在需要使用触底函数的页面pages配置触底刷新onReachBottomDistance。3-重点,触底函数,直接写在methods中,不用在其他生命周期中写。页面如果数据很多,会导致加班页面变慢,可以使用触底函数解决这个问题。这样就实现了哈,希望对你有所帮助。原创 2022-11-18 13:36:20 · 1955 阅读 · 0 评论 -
uniapp页面切换修改页面标题setNavigationBarTitle
思路很简单,在一个单切面切换的时候拿到切换的index,之后进行判断就可以实现了,默认让currentTab是0,页面头部就会改变了。是不是很简单,文章到此结束,希望对你有所帮助。原创 2022-11-15 09:34:01 · 2015 阅读 · 0 评论 -
uniapp的uni.compressImage压缩图片的巨坑
报错内容说的是图片找不到,那我只能不拼接去请求后台了,但是因为没有图片后缀,后台又报错上传失败。最终压缩完以失败告终,所以有没有大神能传授下这个问题该怎么解决呢~~在线等。因需求,使用图片上传时候需要将图片压缩到1m以内,使用uni的这个组件,因为要调用后端的上传图片接口,所以用到了。本来我想的是先压缩再上传,结果我发现,压缩虽然能实现,但是uni.compressImage压缩完后得到的。之后我用这个路径拼接了个路径上去,结果。uni.uploadFile直接报错!图片临时路径没有后缀名。原创 2022-10-29 10:09:41 · 3022 阅读 · 6 评论 -
uniapp实现当行多图片点击预览
1、首先要先显示当前行数据,tabData是私有的数据,里面包含了图片数据imgs_arr,imgs_arr的数据格式如下。我在图片点击事件传的是tabledata的item和图片的img!别传错了,不然就不能实现了。我在这遍历了图片数组,其中设置mage-table让图片可以在一排都显示。2、图片实现调用了uni的uni.previewImage的这个方法实现。本文主要讲述从表格数据当行中实现图片点击预览功能。原创 2022-10-26 14:17:17 · 2322 阅读 · 0 评论 -
uniapp使用原生小程序插件
在微信公众平台,点击左下角设置==》插件管理==》添加插件==》输入插件名字==》点击确定提交申请==》申请通过后可以使用该插件。hello-plugin是在源码视图的自定义名,index-one是需要跳转到插件的哪个页面(),plugin://固定写法,别动。1、在uniapp项目的manifest.json文件中,拉到最下面,找到源码试图,在源码视图中的mp-weixin中配置。2、在需要跳转到插件页面可以使用navigateTo进行跳转到小程序插件,1、在使用插件之前,先登录。原创 2022-10-20 11:10:41 · 5117 阅读 · 0 评论 -
uniapp导出文件给原生插件使用
本文主要讲述的是使用uniapp导出单个js文件内容,也就是token,之后插件获取到传到的token进行操作,这个我在网上找了好久,没有类似的需求,所以看文档琢磨出来决定记录下。:如果你自己添加了plugin.js文件,之后你重新编译微信开发者工具发现app.json同级没有这个文件的话,我建议你关闭开发者工具,和hbuilderx后重新编译就能看到了。2、创建文件plugin.js我在这直接放在主文件目录下和manifest.json文件同级,我在这定义了一个导出方法专门用于暴露token给插件使用,原创 2022-10-20 10:40:54 · 993 阅读 · 4 评论 -
uniapp根据索引获取后台数组对应数据实现多选
2、js代码如下,当选择当行数据触发selection-change事件,e.detail.index是选择的索引,格式如下,databianhao定义在data中,是个数组,是后台反的数据,当选中后把当前。结果this.ruleForm如下15010000021,15010000020,数据是当前行数据的某一项,并且是以字符串的形式。的数据赋值给arrlist,如果只想要当前行数据的某一数据,如下再次定义数组sn,把item中的某一项提取出来并且赋值。原创 2022-10-19 14:55:25 · 2798 阅读 · 2 评论