小程序使用vant组件

  1. 首先在miniprogram文件下初始化项目
    npm init -y
  2. 安装vant组件
    步骤一 : 安装依赖
    npm i @vant/weapp -S --production
    步骤二 : 构建npm
    fa0549210055976cb63798503611ce3d.png

    步骤三 : 使用
  • 在 app.json 中去除 "style": "v2"
    小程序给新版基础组件强行加上了许多样式,难以去除,不关闭将造成样式混乱。
  • 引入组件
// app.json
"usingComponents": {
  "van-button": "@vant/weapp/button"
}
  • 使用组件
<van-button type="primary">按钮</van-button>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 微信小程序项目使用npm安装vant-weapp的正确步骤 使用npm安装vant-weapp 到项目根目录下: ...
    无枉少年阅读 10,527评论 0 4
  • Vant Weapp组件库:https://youzan.github.io/vant-weapp/#/intro...
    仔仔se7en阅读 66,622评论 3 18
  • 还记得电影《她》中,在热闹的赤红色背景下深渊般的孤独。习惯了热闹的孤独与习惯了孤独的孤独,没有什么不一样,却一样的...
    最好的十年里阅读 184评论 0 0
  • 在人生的长河中可能有无数个三月,但一年当中只有一个;能引起你回忆的美妙时刻很多,可值得你怀念的三月有几个?也许你会...
    深呼吸sqhzg阅读 462评论 8 7
  • 上周买了李笑来老师的《财富自由之路》之后,就一直放在书包里,随身背着。 这几天碍于所谓的更重要的事儿,比如约会,比...
    Gloria_2015阅读 301评论 0 0

友情链接更多精彩内容