uni-app
关注
分享
扫一扫
河上街
这个作者很懒，什么都没留下…
展开
-
uniapp微信小程序，发送给朋友，分享到朋友圈配置
1.export default { share(op){ }, onShareTimeline(){ return { // path:"/pages/index/index", //不设置默认当前页面 title: "app名称", } }, onShareAppMessage(res) { return { // path:'/pages/index/index', title:'app名称', su原创 2021-09-27 10:41:40 · 791 阅读 · 0 评论 -
uni-app在ios手机上如何关闭侧滑返回功能
单个窗口锁定方法一// #ifdef APP-PLUSvar page = this.$mp.page.$getAppWebview();page.setStyle({ popGesture: 'none' });// #endif方法二// #ifdef APP-PLUSplus.webview.currentWebview().setStyle({ 'popGesture': 'none'});// #endif方法三 在pages.json该页..原创 2021-04-25 15:04:14 · 2723 阅读 · 0 评论 -
uniapp 查看app SHA1签名
直接用打包出来的apk查看签名，具体如下：1） 将apk修改后缀为 .zip文件后解压；2） 进入解压后的META-INF目录，该目录下会存在文件CERT.RSA3） 在该目录下打开cmd，输入命令 ：keytool -printcert -file CERT.RSA 这里将会显示出MD5和SHA1签名。...原创 2020-04-16 10:30:33 · 6233 阅读 · 3 评论 -
uniapp 长按进行内容复制
<view class="right" @longtap="copy(taskObj.c_phone)" >{{taskObj.c_phone}}</view>copy(value){ console.log('----------') //提示模板 uni.showModal({ content:value,//模板中提示的内容 confirmText:'复制内容', success:()=>{//点.原创 2020-08-29 08:23:17 · 3256 阅读 · 0 评论 -
uni-app 坐标转换为位置信息
var point = new plus.maps.Point(lng,lat); plus.maps.Map.reverseGeocode(point,{},function(event){ var address = event.address; // 转换后的地理位置 var point = event.coord; // 转换后的坐标信息 var coordType = event.coordType; // 转换后的坐标系类型 con.原创 2020-08-27 14:22:29 · 2925 阅读 · 2 评论 -
高德地图-微信小程序开发（根据关键字搜索信息）
getInputtips(Object)参考链接：高德地图微信小程序开发手册方法参数说明getInputtips(Object)keywords：查询关键词。type：POI分类。city：搜索城市。citylimit：仅返回指定城市数据。location：经纬度坐标。设置该参数会在此 location 附近优先返回关键词信息。获取提示词。getInputtips(Object) 方法于 1.2.0 版本新增。var amapFile = require('../../g原创 2020-07-21 11:12:13 · 2599 阅读 · 0 评论 -
uniapp 微信小程序 高德 获取地址描述数据 逆地理编码
全局实例化 AMapWX 对象引入（amap-wx.js 文件（amap-wx.js 从相关下载页面下载的 zip 文件解压后得到））var amapFile = require('gaodemap/amap-uni.js'); var amapPlugin = new amapFile.AMapWX({ key: "高德Key" });1.获取当前坐标位置信息...原创 2020-06-18 12:00:55 · 2890 阅读 · 0 评论 -
检测版本更新（uniapp）
/** * 判断是否需要更新软件 */ isUpdate() { uni.request({ url: this.cxUrl + "versionInfo/getLastAPPVersion", success: (res) => { var newVer = res.data.data.versionName; var wgtVer; plus.runtime.getProperty(plus.runtime.a.原创 2020-05-23 09:47:23 · 2010 阅读 · 1 评论 -
uni.request封装，全局配置，接口调用的封装
1.环境配置 (可参考uni-官网的环境配置)common文件夹下新建config.jslet url_config = ""if(process.env.NODE_ENV === 'development'){ // 开发环境 url_config = "http://192.168.0.153:8080/app/"}else{ // 生产环境 ...原创 2020-04-27 10:45:38 · 2101 阅读 · 0 评论 -
vue中scoped的原理及慎用原因（转载）
作用功能：实现组件的私有化，不对全局造成样式污染，表示当前style属性只属于当前模块虽然方便但是我们需要慎用，因为当我们使用公共组件时会造成很多困难，增加难度，想知道造成那些难度，需要先从scoped实现原理了解实现原理：通过观察DOM结构可以发现：vue通过在DOM结构以及css样式上加上唯一的标记，保证唯一，达到样式私有化，不污染全局的作用，如图，样式属性上也会多一个该字符，...转载 2020-04-27 09:22:07 · 1035 阅读 · 1 评论 -
uniapp 使用地图定位，坐标转换
调用地图选择console.log("点击地区选择") uni.chooseLocation({ success: (res) => { this.hasLocation = true, console.log(res); this.zuobiao.latitude = res.latitude; this...原创 2020-04-27 08:23:56 · 8411 阅读 · 4 评论 -
uniapp实现身份证实名认证
<template> <view class="content"> <view class="uni-common-mt"> <view class="uni-form-item uni-column option"> <view class="title msg-left">姓名：</view> ...原创 2020-04-23 17:40:15 · 12553 阅读 · 2 评论 -
uniapp封装缓存方法,设置过期时间
//缓存,默认有效期28天 cache:function(key, value, seconds) { var timestamp = Date.parse(new Date()) / 1000 console.log(timestamp+"==="+key) if (key && value === null) { /...原创 2020-04-23 15:22:31 · 13859 阅读 · 4 评论 -
解决 uni-app 地图 markers iconPath 路径引入的图片，打包app后，看不见图标，相对/绝对路径都不成 问题
目前有两种解决方案：解决方式第一种：将地图组件后缀改用nvue，父页面后缀也要改成nvue，如果只单独改子组件后缀，打包之后引入图片还是看不见 解决方式第二种：不用将文件（map.vue）后缀改为nvue，只需要在manifest.json加入此参数，然后打包也能正常显示自定义图标图片效果展示：...原创 2020-04-20 10:21:51 · 12500 阅读 · 8 评论 -
uniapp解决上传图片旋转90度问题
import compressImage from '@/common/imageutil.js'（文章最后）; const device = uni.getSystemInfoSync(); <!-- 图片上传 --> <wslimg title="图片上传" :num="40" :dataList="dataList" @chooseImg="c...原创 2020-01-16 14:30:25 · 10075 阅读 · 8 评论 -
经纬度(wgs)并且根据经纬度获取城市
var obj={};// 根据经纬度(wgs)并且根据经纬度获取城市(h5plus) getWarpweft(){ uni.getLocation({ type: 'wgs84', success: function(res) { var longitude = res.longitud...原创 2020-01-13 14:31:25 · 2091 阅读 · 1 评论 -
uni-app app端 调用实时天气 及 天气预报
//uni-app app端 调用实时天气 及 天气预报 uni.getLocation({ type:'wgs84', geocode:true,//必写项 success: (data) => { ...原创 2020-01-10 09:48:39 · 6398 阅读 · 0 评论 -
升级uniapp 客户端升级包更新后弹出版本兼容提示相关解决办法
在manifest.json中加入//忽略sdk低版本提示 "compatible" : { "ignoreVersion" : true },原创 2020-01-06 08:35:24 · 1590 阅读 · 0 评论 -
uni-app之响应式单位upx和rpx
官方推荐使用rpx替代upx在普通css写法里，upx会被编译器编译；但动态绑定时，upx不能像rpx那样直接支持动态绑定，还得再使用uni.upx2px方法用来动态计算。 其他几家小程序平台陆续都兼容了rpx机制，rpx不再是微信的专用单位，而成为了这个行业的通用单位。 从HBuilderX 2.0.5起，已经支持rpx的正常着色和px2rpx的ide代码提示转换功能；官方也修改了uni...原创 2020-01-03 15:20:06 · 12959 阅读 · 0 评论 -
uniapp 判断平台
运行期判断 运行期判断是指代码已经打入包中，仍然需要在运行期判断平台，此时可使用uni.getSystemInfoSync().platform判断客户端环境是 Android、iOS 还是小程序开发工具（在百度小程序开发工具、微信小程序开发工具、支付宝小程序开发工具中使用uni.getSystemInfoSync().platform返回值均为 devtools）switch(u...原创 2020-01-03 14:44:40 · 8358 阅读 · 0 评论 -
uniapp 动态设置 tabBar 的整体样式
uni.setTabBarItem(OBJECT)动态设置 tabBar 某一项的内容平台差异说明App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ x √ OBJECT参数说明：属性 类型 默认值 必填 说明 index n...原创 2020-01-03 10:28:39 · 11947 阅读 · 4 评论 -
uniapp 获取通讯录信息
getContacts: function() { var that = this; //获取通讯录对象 plus.contacts.getAddressBook( plus.contacts.ADDRESSBOOK_PHONE, function( addressbook ) {...原创 2019-12-09 08:31:14 · 2913 阅读 · 0 评论 -
uniapp post请求
对于GET方法，会将数据转换为 query string。例如{ name: 'name', age: 18 }转换后的结果是name=name&age=18。 对于POST方法且header['content-type']为application/json的数据，会进行 JSON 序列化。 对于POST方法且header['content-type']为...原创 2019-11-29 10:49:58 · 24174 阅读 · 0 评论 -
uni app图片预览
预览图片OBJECT 参数说明current String 否 当前显示图片的链接，不填则默认为 urls 的第一张urls StringArray 是 需要预览的图片链接列表success Function 否 接口调用成功的回调函数fail Function 否 接口调用失败的回调函数complete Function 否 接口调用结束的回调函数（调用成功、失败都会执行）...原创 2019-11-09 10:51:06 · 3479 阅读 · 1 评论 -
uni App多图片上传，java后台接收
前台页面：<!-- 图片上传 --> <wslimg title="图片上传" :num="9" :dataList="dataList" @chooseImg="chooseImg" @close="close($event)"></wslimg> <view><progress :percent="percent" stro...原创 2019-11-07 16:45:25 · 5576 阅读 · 2 评论 -
uni-app 图片上传插件使用说明
效果：1.下载插件到项目components目录下2.在page新建图片上传文件3.复制内容到新建的文件中参数说明 1.num 上传图片数量限制 2.dataList 上传图片路径集合<template> <view> <view class="feedback-title" style="background-color: #e...原创 2019-11-06 10:48:58 · 3175 阅读 · 3 评论