美文网首页
Mac微信小程序引入Vant Weapp

Mac微信小程序引入Vant Weapp

作者: 门前的那颗樱桃树 | 来源:发表于2022-02-24 15:42 被阅读0次
    • 在小程序的根目录执行npm init -y生成package.json文件
    • 引入Vant Weapp,在小程序的根目录执行,生成node_modules
     npm i @vant/weapp -S --production
    
    • 使用npm模块打钩,工具-》构建npm,结束出现miniprogram_npm
      image.png

    微信小程序使用

    • 内置样式,app.wxss文件中加入
     @import "miniprogram_npm/@vant/weapp/common/index.wxss";
    
    
    • Vant Weapp的组件使用,在index.jsonapp.json引入
    "usingComponents":{    
      "van-button": "@vant/weapp/button/index"
    }
    
    • index.wxml中写入样式
    <van-button type="default">默认按钮</van-button>
    <van-button type="primary">主要按钮</van-button>
    <van-button type="info">信息按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <van-button type="danger">危险按钮</van-button>
    
    如图所示

    相关文章

      网友评论

          本文标题:Mac微信小程序引入Vant Weapp

          本文链接:https://www.haomeiwen.com/subject/uuwzlrtx.html