1新建一个项目
最好使用uni-ui版本,勾上上传到到git
2uni的语法接近vue,标签接近微信小程序
3页面配置下拉刷新
在pages.json中对应的页面的style开启enablePullDownRefresh:true
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"enablePullDownRefresh": true
}
}
],
在于data平级写上:onPullDownRefresh(){ }生命周期函数
onLoad: function (options) {
setTimeout(function () {
console.log('start pulldown');
}, 1000);
uni.startPullDownRefresh();
},
onPullDownRefresh() {
console.log('refresh');
setTimeout(function () {
uni.stopPullDownRefresh();
}, 1000);
}
4.页面跳转,不要返回箭头
页面跳转,一般都有箭头,不要箭头在pages.json中的style配置
5.各种权限在manifest.json中app权限模式打开
打电话:CALL_PHONE
录音:
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
拍视频:
jurisdiction() { // 获取用户授权函数
var _this = this
plus.android.requestPermissions(['android.permission.WRITE_EXTERNAL_STORAGE'], function(e) {
if (e.deniedAlways.length > 0) { //权限被永久拒绝
// 弹出提示框解释为何需要读写手机储存权限,引导用户打开设置页面开启
console.log('Always Denied!!! ' + e.deniedAlways.toString());
}
if (e.deniedPresent.length > 0) { //权限被临时拒绝
// 弹出提示框解释为何需要读写手机储存权限,可再次调用plus.android.requestPermissions申请权限
plus.android.requestPermissions(['android.permission.WRITE_EXTERNAL_STORAGE'])
console.log('Present Denied!!! ' + e.deniedPresent.toString());
}
if (e.granted.length > 0) { //权限被允许
//调用依赖获取读写手机储存权限的代码
_this.upload() // 获取权限成功之后调用的函数
console.log('Granted!!! ' + e.granted.toString());
}
}, function(e) {
console.log('Request Permissions error:' + JSON.stringify(e));
});
}
6.宽高同时设置100%不显示,将高设为vw
7.跳转页面并刷新
a页面跳转b页面,b页面填写完成回到a页面并且调用a页面的刷新函数
$vm适用于APP和h5
b页面代码:uni.navigateBack({
url:'../../map/map',
success(){
var pages = getCurrentPages();//获取页面栈
var currPage = pages[pages.length - 1]; //当前页面a页面
var beforePage = pages[pages.length - 2];//上个页面b页面
currPage .$vm.方法()
}
})
8.给标签设置:data-field=‘’,以后对应的点击函数中e.target.dataset.field就有值
9.js思维混乱
样式的三元表达式
:class="selectedId==item.t_id? 'selected' :'item'"