锐客网

  1. 首页 > 睿知 > it技术 > >

mpvue小程序开发之集成第三方UI框架Vant Weapp UI

IT知识第三方小程序开发程序开发

博观而约取，厚积而薄发。这篇文章主要讲述mpvue小程序开发之集成第三方UI框架Vant Weapp UI相关的知识，希望能为你提供帮助。
集成进第三方的UI框架其实很简单
这里把vant-weapp的dist目录重命名为vant-weapp放在项目根目录的static文件夹下：

mpvue小程序开发之集成第三方UI框架Vant Weapp UI

文章图片

在src文件夹下，即我们写vue代码的位置，正在编写的页面中添加main.json文件（vue代码编译成小程序代码时会直接使用这个文件）
{ "usingComponents": { "van-button": "/static/vant-weapp/button/index" //这个路径是指根目录下static文件中... } }

在index.vue中使用
< van-button type="default"> 测试按钮< /van-button> < van-button type="primary"> 测试主要按钮< /van-button> < van-button type="warning"> 测试警告按钮< /van-button> < van-button type="danger"> 测试危险按钮< /van-button>

【mpvue小程序开发之集成第三方UI框架Vant Weapp UI】 

    推荐阅读


    上一篇：AppBoxFuture: 前端组件化开发

    下一篇：mac Unable to access Android SDK add-on list