signed

QiShunwang

“诚信为本、客户至上”

uni-app随笔

2021/6/3 16:22:10   来源:

获取用户权限

在这里插入图片描述

 // 获取用户信息
uni.getUserProfile({
	desc: '登录',     // 这个参数是必须的
	lang: 'zh_CN',  // 返回中文信息
	success: (infoRes) => {
		console.log(infoRes.userInfo)
	},
	fail: (error) => {
		console.log(error)
	}
})

infoRes.userInfo参数:
在这里插入图片描述

页面跳转

1、navigateTo,保留当前页面,跳转后页面会默认展示‘返回’按钮,点击返回至当前页面

注意:url有长度限制,过长会导致参数传递失败,可用encodeURIComponent方式解决。
encodeURIComponent(JSON.stringify(data))

//不带参数
uni.navigateTo({url:"../../pages-merchants/pages/home/Home"})
//带参数
uni.navigateTo({url:"../../pages-merchants/pages/home/Home?index=1 && data=" + encodeURIComponent(JSON.stringify(data))})
//接收参数
onLoad: function (option) { //option为object类型,会序列化上个页面传递的参数
   console.log(option.index); //打印出上个页面传递的参数。
   console.log(JSON.parse(decodeURIComponent(option.data)); //打印出上个页面传递的参数。
}

2、标签跳转,传参方式同上

<navigator url="/pages/index/Index" open-type="navigate">
     <view>点我跳转</view>
</navigator>

3、reLaunch,关闭当前页面,跳转后页面会默认展示‘首页’按钮,点击返回至首页

uni.reLaunch({url:"../../pages-merchants/pages/home/Home"})

在新页面添加hideHomeButton可隐藏首页按钮

onShow() {
			uni.hideHomeButton({
				success: function() {
					console.log('隐藏首页按钮')
				}
			})
		}

4、switchTab,关闭其他所有非 tabBar 页面,跳转到 tabBar 页面,

uni.switchTab({
    url: '/pages/index/Index'
});

5、redirectTo,关闭当前页面,跳转后页面会默认展示‘返回’按钮,点击返回上一页面

uni.redirectTo({
    url: '/pages/index/Index'
});

6、navigateBack,关闭当前页面,返回上一页面或多级页面

uni.navigateBack({
    delta: 1 //返回的页面数
});

动态设置页面标题

onLoad(options) {
	uni.setNavigationBarTitle({
		title: options.id ? '新增收货地址' : '编辑收货地址'
	});
},

image标签

image标签 默认宽300px,height225px,设置mode可自定义裁剪或缩放模式,防止图片拉伸变形
在这里插入图片描述

调用手机拨打电话

uni.makePhoneCall({
		phoneNumber: phone, // 手机号
		// 成功回调
		success: (res) => {
			console.log('调用成功!')
		},
		// 失败回调
		fail: (res) => {
			console.log('调用失败!')
			this.call_phone();//重复调用一次
		}

调用微信地图

1、查看位置

uni.openLocation({
	latitude: data.latitude,  // 维度, -90 ~ 90
	longitude: data.longitude // 经度, -180 ~ 180
});

2、选择位置

uni.chooseLocation({
	//默认打开的位置
	latitude: data.latitude,
	longitude: data.longitude,
	success: function (res) {
		console.log(res)
	}
});

在这里插入图片描述
3、获取当前位置

uni.getLocation({
	type: 'wgs84',
	success: function (res) {
		console.log(res)
	}
});

在这里插入图片描述

storage缓存

//将用户信息存入缓存
uni.setStorage({
	key: 'userInfo',
	data: infoRes.userInfo,
	success: function () {
			//授权成功,进入其他页面
			uni.navigateTo({
				url:"../../pages-merchants/pages/home/Home"
			})
	}
});
//使用用户信息
uni.getStorage({
	key: 'userInfo',
	success: (res) => {
		this.userInfo = res.data;
	}
});

提示框

uni.showToast({
	title:"发布成功" 
})
uni.showModal({
	title: '提示',
	content: '确认删除该商品?',
	confirmColor: '#2979ff',
	cancelText: "取消", // 取消按钮的文字  
	confirmText: "确认", // 确认按钮文字  
	showCancel: true, // 是否显示取消按钮,默认为 true
	confirmColor: '#f55850',
	cancelColor: '#39B54A',
	success: (res) => {
		if (res.confirm) {
		
		}else{
			
		}
	}
});