uniApp开发步骤集合（将不断更新）
app开发
APP开发
浏览：971 次
uni-app开发中的陷阱
1.无法覆盖uni app提供的组件样式
如果直接重写样式，则会发现它不生效
编译为H5如果要重置组件样式，请使用
>>；>。类名称{
宽度：xxx
}
如果使用scss
/deep/.uni无线电输入{
宽度：32upx；
高度：32upx；
背景：#fff！重要的
边框：2upx实心#CCCCC！重要的
}
2.ios真机下方的键盘覆盖了弹框的底部
放射性核素
微信图片_ 20200528115237.jpg
解决方案
在pages.json中配置
{
“path”：“pages/规范性解释/规范性解释信息/规范性说明信息”，
“样式”：{
“app plus”：{
“软输入模式”：“调整大小”
}
}
},
3.上传uni-app文件；多文件上传
官方网站文档指南：
选择文件：
uni.choose图像({
计数：3，
异步成功（e）{
const res=等待handleFileButhUpload（e.tempFilePaths）
如果（res）{
const imgUrls=res.data
那个imgUrls=imgUrs
}
},
失败（错误）{
uni.show吐司({
图标：“无”，
标题：“图像选择失败，请稍后再试”
})
}
})
单个文件（可附加其他参数）
export const handleUserAvatarUpload=（id，filePath）=>{
return new Promise（（resolve，reject）=>{
uni.upload文件({
url:BASE_url+“/community/xfFile/uploadHeadimage”，
FilePath:FilePath，//uni后获得的本地文件路径强度。chooseImage函数被调用
名称：'文件'，
表单数据：{
身份证件
},
成功：（res）=>{
解析（res）
},
失败：（错误）=>{
拒绝（错误）
}
});
})
}
多个文件：
我这边的后台界面是将文件的文件对象传输给我，这已经困扰了我一天的大部分时间。在传输参数时，我遇到文件被传输为｛｝。后来，我处理了选定的文件。
//处理选定的文件
导出常量getFilecalculate=（数据）=>{
常量newData=[]；
数据forEach（（项目，索引）=>{
新数据.push({
name:'文件'，
uri:项目
})
})
返回newData
}
调用官方api
export const handleFileButhUpload=（filePaths）=>{
const files=getFilecalculate（文件路径）
return new Promise（（resolve，reject）=>{
uni.upload文件({
url:BASE_url+“/community/xfFile/uploadImage”，
文件夹，
成功：（res）=>{
const newRes=JSON.parse（res.data）
解析（newRes）
},
失败：（错误）=>{
拒绝（错误）
}
});
})
}
