uniapp基础

padding-bottom: env(safe-area-inset-bottom); // 安全区域距离底部的距离

uni.showToast({
  title:'成功', // 显示文字
  icon:'success', // 图标类型，设置为none时title的文字可以在小程序中换行显示
  image:'', // 不设置icon可以自己设置图片
  mask:true, // 是否显示透明蒙层，防止触摸穿透
  duration:2000, // 显示时间，单位ms
  success:function(res){ // 成功回调
    console.log(res)
  },
  fail:function(res){ // 失败回调
    console.log(res)
  },
  complete:function(res){ // 结束回调
  }
})

uni.hideToast() // 关闭提示框

uni.showLoading({
  title:'加载中...', // 显示文字
  mask:true, // 是否显示透明蒙层，防止触摸穿透
  success:function(res){ // 成功回调
    console.log(res)
  },
  fail:function(res){ // 失败回调
    console.log(res)
  },
  complete:function(res){ 
    // 结束回调
  }
})

uni.showModal({
  title:'是否删除', // 模态框标题
  content:'xxxxxxxx', // 详细描述
  showCancel:true, // 是否显示取消按钮
  cancelText:'取消', // 取消按钮文字
  cancelColor:'#000000', // 取消按钮文字颜色
  confirmText:'确定', // 确定按钮文字
  confirmColor:'#3CC51F', // 确定按钮文字颜色
  editable:true, // 是否显示输入框
  placeholderText:'请输入', // 输入框提示文字
  success:function(res){ // 成功回调
    console.log(res)
  },
  fail:function(res){ // 失败回调
  },
  complete:function(res){ // 结束回调
  }
})

uni.showActionSheet({
  title:'提示文字', // 非必填
  itemList:["本科"，"专科","中专","高中","初中","小学","幼儿园"],
  itemColor:'#333333', // 选项颜色
  success:function(res){ // 成功回调，其余的回调函数同上述
  },
})

uni.setNavigationBarTitle({
  title:''
})
uni.setNavigationBarColor({
  // 设置页面导航条颜色。如果需要进入页面就设置颜色，请延迟执行，防止被框架内设置颜色逻辑覆盖
})
uni.showNavigationBarLoading({
  // 在当前页面显示导航条加载动画。
})
uni.hideNavigationBarLoading() // 在当前页面隐藏导航条加载动画。
uni.hideHomeButton() // 隐藏返回首页按钮。

uni.setStorage({
	key: 'storage_key',
	data: 'hello',
	success: function () {
		console.log('success');
	}
});

uni.getStorage({
	key: 'storage_key',
	success: function (res) {
		console.log(res.data);
	}
});

uni.setStorageSync('storage_key', 'hello');

const value = uni.getStorageSync('storage_key');

uni.removeStorage({
	key: 'storage_key',
	success: function (res) {
		console.log('success');
	}
});

uni.removeStorageSync('storage_key');

uni.clearStorage();

uni.clearStorageSync();

uni.getStorageInfo({
	success: function (res) {
		console.log(res.keys);
		console.log(res.currentSize);
		console.log(res.limitSize);
	}
});

const res = uni.getStorageInfoSync();
console.log(res.keys);
console.log(res.currentSize);
console.log(res.limitSize);

const requestTask = uni.request({
	url: 'https://www.example.com/request', //仅为示例，并非真实接口地址。
	data: {
        name: 'name',
        age: 18
	},
  method: 'POST', // 接口方式
  header:{
    token:''
    contentType:'application/json'
  },
  dataType: 'json', // 接口数据类型
  timeout: 10000, // 超时时间
	success: function(res) {
		console.log(res.data);
	},
	fail: function(err) {
		console.log(err);
	},
  complete: function(res) {
  }
});
// 中断请求任务
requestTask.abort();

const requestTask = uni.request({
	url: 'https://www.example.com/request', //仅为示例，并非真实接口地址。
	data: {
        name: 'name',
        age: 18
	},
}).then(res=>{
	console.log(res.data);
})

async function getData(){
	const res = await uni.request({
		url: 'URL_ADDRESS', //仅为示例，并非真实接口地址。
		data: {
			name: 'name',
			age: 18
		},
	});
	console.log(res.data);
}