uniapp
小端-吃瓜
这个作者很懒,什么都没留下…
展开
-
uniapp 树形结构展示
rangeKey是关键,如果不设置rangeKey,有可能加载出来数据是不展示的,只能看到树形结构的图标,rangKey对应的是数据的字段名,:range="rangeList"绑定数据,confirmLeftTree点击树形结构确定的事件触发。实现树形结构,在官网插件市场找了tki-tree进行改造,自行下载:https://ext.dcloud.net.cn/plugin?需要注意的是: 点击图片展示树形结构只能用固定语法。将原有的树形选中方法进行优化。原创 2023-01-31 11:28:45 · 3008 阅读 · 4 评论 -
uniapp实现城市级联选择
uniapp城市级联选择原创 2022-11-15 16:41:41 · 2672 阅读 · 0 评论 -
uniapp使用map组件点击地图获取经纬度
uniapp使用地图map组件获取经纬度原创 2022-11-15 16:27:21 · 2796 阅读 · 4 评论 -
uniapp 适配pad大屏
引用博客大佬原创 2022-10-10 15:12:18 · 2585 阅读 · 0 评论 -
uniapp ios实行息屏传输实施地理信息
需求:uniapp开发原生ios,息屏之后将高德获取到的经纬度传输给后端// ios实时定位getIOSLocation (id) { var watchId = plus.geolocation.watchPosition( function ( res ) { // console.log( "监听位置变化信息:" ); // console.log( res ); let params = { "staffId": id, //(用户ID) "long.原创 2022-04-24 15:34:33 · 2951 阅读 · 0 评论 -
uniapp循环遍历多个radio
uniapp使用uview 实现表单遍历多个radio页面代码实现:data中定义radioList表单进入之后的默认数据回填:查接口获取数据 然后进行对应字段的赋值this.radioList.forEach(item => { item.value = this.form[item.text]})保存数据的时候,就是提交表单this.radioList.forEach(item => { this.form[item.text] = item.value}).原创 2022-03-24 11:37:32 · 2423 阅读 · 1 评论 -
uniapp使用高德的离线地图
uniapp使用高德的离线地图需求分析:使用uniapp开发原生android和ios,要做一个离线地图的操作,无网的情况下能正常查看地图,只是前期的demo演示,不做特别详细的说明使用高德地图 相关的配置和申请去官网就可以(不想细说)使用openlayer使用原生sdk封装高德的离线地图在uniapp中用第一种:使用openlayer加载离线瓦片瓦片需要自己去下载ol.css和ol.js两个文件我们可以到官网去下载源文件。官网地址:前期准备工作自行度娘吧,直接上demo原创 2021-12-20 10:36:45 · 3288 阅读 · 12 评论 -
uniapp原生android开发证书申请
mac 使用uniapp开发原生android 生成证书首先安装java的sdk (这个去官网安装就可以)安装成功与否可通过此命令查看/usr/libexec/java_home -V2.在控制台进入相应的路径中cd /Library/Java/JavaVirtualMachines/jdk-17.jdk/Contents/Home然后输入 ls 查看当前路径下的文件信息证书生成命令sudo keytool -genkey -alias xxx.keystore -keyalg R原创 2021-12-09 14:11:29 · 2053 阅读 · 0 评论 -
uniapp附件上传及预览
uniapp 实现表单中包括上传附件uniapp做的原生android开发,动态表单数据录入的时候有时候需要上传附件和拍照视频功能1.进行android平台的判断if (plus.os.name.toLowerCase() != "android") { uni.showModal({ title: '提示', content: '仅支持Android平台', success: function(res) {} }); return false}let main = pl原创 2021-09-15 14:10:58 · 2146 阅读 · 0 评论 -
uniapp proxy配置代理在h5端和app端
proxy代理uniapp官网明确指出配置是在h5属性下进行配置,由于app端是不存在跨域的情况,不存在跨域的情况,所以不需要考虑app端代理,只需要将配置信息配对就可以了我是用的uview封装的请求方式,在main.js中配置服务器地址,一开始我没考虑到app端不存在跨域问题,我统一用了一个地址Vue.prototype.$url = ''mainfest.json中添加:"h5" : { "devServer" : { "port" : 8000, "di.原创 2021-07-26 11:35:13 · 4453 阅读 · 0 评论 -
uniapp 环境配置(开发,测试,生产)
平时开发会在测试环境,生产环境,开发环境等环境下进行来回切换开发,测试,新建config.js用来写公共的环境配置的代码首先声明变量 当前环境为空let env = '';然后就是声明的三个环境的变量,这个用哪个就打开哪个,其他的注释掉env = process.env.NODE_ENV === 'development' ? 'prod' : 'prod';//生产环境env = process.env.NODE_ENV === 'development' ? 'prodDev' : '.原创 2021-06-30 16:20:30 · 4087 阅读 · 0 评论 -
uniapp pages.json中分包的处理
uniapp在实现多端打包的情况下,由于小程序的打包限制大小,因此前期会提前做好分包好处:小程序的分包,除了联网分段下载外,还可以减轻启动时加载的js数量,可以提升启动速度。从uni-app 2.7.12+ 开始,App-vue平台也兼容了小程序的分包配置,但默认并不开启。在manifest配置以下节点,可以在App端启动分包。启用之后,就需要在pages.json中配置具体的分包规则(与小程序的配置相同),注意:就是一旦在pages.json里配置分包,小程序一定生效,而app是否生效,原创 2021-06-21 16:08:08 · 1727 阅读 · 0 评论 -
uniapp 前端获取历史搜索记录
场景:搜索页,搜索栏下方的历史搜索场景分析:每次搜索的关键词都要放到历史搜索里面,首页关键词是要定义的keyname,这个关键词可以放到cookie或者sessionStory里面,我用的uniapp,放到了本地缓存里面,实现方式:获取搜索词添加历史搜索清除历史搜索获取历史搜索,代码中去掉重复的搜索词 getHistory(keyname) { let that = this let words = '' if(uni.getStorageSync(keyname原创 2021-06-21 15:52:16 · 1181 阅读 · 0 评论 -
uniapp canvas绘制弧形圆环
项目uniapp 绘制弧形圆环首先说下:uniapp 插件市场有一个弧形进度条,作为组件引用的话是不兼容小程序,所以我做的是直接在本页面中进行绘制,刚开始也是作为组件进行引入的,但是小程序不兼容,无法展示,所以就抛弃掉官网的组件了,之前写过一个h5的vue绘制圆环,就改了改,改成都能兼容的了,具体弧度不会算的可以看我的另一篇文章UI效果先确定效果图展示效果可以看出两个圆环,一个背景圆环,一个进度圆环,所以要声明两个canvas层我的图层是130*130的,uniapp的适配rpx,所以ce原创 2021-04-21 15:59:22 · 4470 阅读 · 0 评论