# 第三方组件库
# 安装第三方组件
以 Lin-UI 为例
# 安装 nodejs 和 npm
省略
# 使用 npm 安装组件库
npm init -y
npm install lin-ui
# 构建 npm
微信开发者工具 -> 工具 -> 构建 npm
# 使用第三方组件
# 配置第三方组件
welcome.json
{
"usingComponents": {
"l-avatar": "/miniprogram_npm/lin-ui/avatar/index"
}
}
# 引用组件
welcome.wxml
<l-avatar open-data="{{['userAvatarUrl']}}" size="180" />