1.通过node_moldules方式引入uview框架,使用AvatarCropper 头像裁剪 时,需要将
您需要去node_modules
文件中,按路径/node_modules/uview-ui/components/u-avatar-cropper/u-avatar-cropper.vue
找到此文件,将其内容复制出来, 放到/pages
文件夹中的某个文件中,用到的js和css也要拿出来,再按上面下载方式引入的一样的操作,去声明和引用页面即可。
页面配置:
chooseAvatar() {
this.$u.route({
url: 'pages/setting/u-avatar-cropper/u-avatar-cropper',
params: {
// 输出图片宽度,高等于宽,单位px
destWidth: 300,
// 裁剪框宽度,高等于宽,单位px
rectWidth: 200,
// 输出的图片类型,如果'png'类型发现裁剪的图片太大,改成"jpg"即可
fileType: 'jpg',
}
})
},
page.json:
{
"path": "pages/setting/u-avatar-cropper/u-avatar-cropper",
"style": {
"navigationBarTitleText": "头像裁剪",
"navigationBarBackgroundColor": "#000000"
}
}
2.不能使用formdata传数据
如果需要用到的话,将'content-type':'application/x-www-form-urlencoded'
3.首次使用hbuilderx打不开小程序可能是因为没有配置正确的appid
4.tabbar的iconPath图片路径引用网络图片不生效问题
iconPath图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,当 postion 为 top 时,此参数无效,不支持网络图片,不支持字体图标
5.uniapp开发小程序太大无法预览问题
uniapp运行小程序时,勾选运行时是否压缩代码,体积就会变小
6.uniapp中不支持 new FormData
header中的Content-Type设置为:application/x-www-form-urlencoded;charset=utf-8;
可以使用json格式传值
let params={key:value}