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

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

  • 先创建package.json 指令: npm init -y

以下为微信官方weui的使用步骤

  1. 利用npm来安装包 指令:npm install weiui-miniprogram --save
  2. 勾选开发者工具中顶部详情中的npm选项
  3. 点击左上角工具进行构造npm
  4. 在app.wxss中引入 @import
    ‘/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss’;
  5. 接着把需要用到的组件 在使用页面的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"
}  //举个例子

你可能感兴趣的:(在微信小程序中如何使用框架:(有赞)vant,微信第三方组件(拓展))