当前位置:首页 > 免费源码 > 其他源码 >

Lin UI微信小程序组件库 v0.9.7

时间:2022-03-19 14:24 来源:互联网 作者:与你共我 收藏 推荐

  • 源码类别:其他源码
  • 源码大小:1.57MB
  • 运行环境:其他
  • 下载权限:免费下载
  • 广告推荐

Lin UI 是一套基于微信小程序原生语法实现的高质量 UI 组件库。遵循简洁、易用、美观的设计规范。


快速上手:
安装
1、初始化你的项目为一个 NPM 项目
npm init -y
若项目根目录已包含 package.json 文件,则可跳过该步骤
2、安装 Lin UI
npm i lin-ui
3、配置微信开发者工具 要正确安装 Lin UI,需将微信开发者工具的 使用 npm 模块 选项勾选上
设置路径:微信开发者工具右上角 -> 详情 -> 本地设置
4、构建 NPM 模块 微信开发者工具配置完成以后,还需进行一次 NPM 模块的构建
按钮位置:微信开发者工具顶部 -> 工具 -> 构建 npm


引入
1、配置微信开发者工具
要正确使用 Lin UI,需将微信开发者工具的 Es6 转 ES5 和 增强编译 选项勾选上
设置路径:微信开发者工具右上角 -> 详情 -> 本地设置
2、在页面中引入
{
  "usingComponents":{
    "l-button":"/miniprogram_npm/lin-ui/button/index"
  }
}
3、在页面中使用
 (l-button type="default")默认按钮(/l-button)
我们建议你在引入 Lin UI 组件时,都统一命名为 l-{组件名} 格式,遵循此规范将使你的项目代码更加清晰
至此,Lin UI 已成功引入至你的项目中了!
本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!
下一篇:没有了

其他源码下载排行

最新文章