uniapp开发小程序

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}

原文地址:https://www.cnblogs.com/wszxx/p/14154025.html