在微信小程序中如何使用框架:(有赞)vant,微信第三方组件(拓展)

704 阅读1分钟

注意:在使用ui框架的时候,需要使用npm管理:

  • 先创建package.json     指令: npm init -y   
  • 以下为微信官方weui的使用步骤
  • 利用npm来安装包     指令:npm install weiui-miniprogram --save
  • 勾选开发者工具中顶部详情中的npm选项
  • 点击左上角工具进行构造npm
  • 在app.wxss中引入 @import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';
  • 接着把需要用到的组件 在使用页面的json中usingComponents里进行配置

{
  "usingComponents": {
    "mp-dialog": "/miniprogram_npm/weui-miniprogram/dialog/dialog"
  }
}   // 举个例子
有赞@vant
  1. 在终端下载 : npm i @vant/weapp -S --production
  2. 工具:点击左上角工具进行构造npm
  3. 接着把需要用到的组件 在使用页面的json中usingComponents里进行配置

    "usingComponents": {
      "van-button": "@vant/weapp/button/index"
    }  //举个例子