zoukankan      html  css  js  c++  java
  • 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}

  • 相关阅读:
    系统集群安装
    用ASP.net判断上传文件类型的三种方法
    C#中利用JQuery实现视频网站
    云计算和大数据
    c# Dictionary 中Keys.ToArray<>方法的细节测试
    DateTime compare
    Dictionary的遍历和修改
    C# 键值对数据排序
    ant使用小结
    给我们的7句话
  • 原文地址:https://www.cnblogs.com/wszxx/p/14154025.html
Copyright © 2011-2022 走看看