zoukankan      html  css  js  c++  java
  • 微信小程序:app.json中通过使用扩展库userExtendedLib的方式,引入并使用weui

    微信小程序  PK  APP:

    1、微信有海量⽤⼾,⽽且粘性很⾼,在微信⾥开发产品更容易触达⽤⼾;而推⼴app的成本太⾼。

    2、微信小程序也可以跨平台Android和IOS)。

    一、project.config.json中只需要修改appid

    二、app.json中通过使用扩展库userExtendedLib的方式,引入并使用weui,

    WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。

    1、先在全局配置文件app.json中引入

    "useExtendedLib": {
            "weui": true
      },

    2、.在page页面的使用时,对应page页面的json页面添加引用,即先在json文件中引入,再在wxml文件中使用,注意组件引用路径

    {
      "usingComponents": {
        "mp-uploader": "weui-miniprogram/uploader/uploader"
      }
    }
    <mp-uploader bindfail="uploadError" bindsuccess="uploadSuccess" binddelete="uploadDelete" select="{{selectFile}}"
                    upload="{{uploadFile}}" files="{{fileObjs}}" max-count="5" title="企业图片"></mp-uploader>

    注意:weui-miniprogram是包名,uploader为组件,规则(我自己总结):"mp-组件名(首字母小写)": "weui-miniprogram/组件名(首字母小写)/组件名(首字母小写)"

    具体weui有哪些组件请参考https://weui.io/.如果想要引入Dialog组件:

    "usingComponents": {
        "mp-dialog": "weui-miniprogram/dialog/dialog"
      }
  • 相关阅读:
    linux virtualbox
    cboard安装
    test
    kafka安装
    OLAP解释
    php 连接数据库直接转成json格式
    hive学习
    mariadb修改密码
    mariadb anzhuang
    IDEA12 中写hql语句编译器莫名报错
  • 原文地址:https://www.cnblogs.com/zwh0910/p/13976227.html
Copyright © 2011-2022 走看看