一套基于微信小程序原生语法实现的高质量 UI 组件库

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

快速上手:

务必勾选增强编译Es6 转 ES5以及使用 npm 模块选项

安装

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

若你本地没有 Node.js 环境,无法使用 NPM 安装,则可以采用源码方式安装

引入

  1. 配置微信开发者工具
    • 要正确使用 Lin UI,需将微信开发者工具的 Es6 转 ES5 和 增强编译 选项勾选上设置路径:微信开发者工具右上角 -> 详情 -> 本地设置
    • 将基础库版本设置到 >=2.8.2
  2. 在页面中引入{ "usingComponents":{ "l-button":"/miniprogram_npm/lin-ui/button/index" } }
  3. 在页面中使用 <l-button type="default">默认按钮</l-button>我们建议你在引入 Lin UI 组件时,都统一命名为 l-{组件名} 格式,遵循此规范将使你的项目代码更加清晰至此,Lin UI 已成功引入至你的项目中了!
资源下载此资源仅限注册用户下载,请先
QQ客服:3311819220

原文链接:https://www.hwfans.cn/1217.html,转载请注明出处。 本站解压密码默认为:www.hwfans.cn

0
封面图
没有账号? 注册  忘记密码?

社交账号快速登录