移动端组件库ThorUI正确引入小程序方式

(1)下载好thorui所需要的插件组件,放进miniprogram_npm

(2)这个是我的整个项目的目录结构

 (3)把需要用到的组件放在json里面的usingComponents下

{

  "usingComponents": {

    "tag": "../../miniprogram_npm/thorui/tag/tag",

    "badge": "../../miniprogram_npm/thorui/badge/badge",

    "bottom-popup": "../../miniprogram_npm/thorui/bottom-popup/bottom-popup",

    "button":"../../miniprogram_npm/thorui/button/button",

    "icon": "../../miniprogram_npm/thorui/icon/icon",

    "grid-item": "../../miniprogram_npm/thorui/grid-item/grid-item",

    "grid": "../../miniprogram_npm/thorui/grid/grid",

    "toast": "../../miniprogram_npm/thorui/extend/toast/toast",

    "sizeDrawer":"../../miniprogram_npm/attribute/index"

  }

}

(4)在wxml下引用即可,如:<tag></tag>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值