随便撸(www.suibianlu.com)精品网站源码,织梦建站模版,游戏源代码分享平台

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

时间:2020-10-26[其他免费源码]作者:随便撸

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 已成功引入至你的项目中了!

本文标签:Lin UI  微信小程序组件库  微信小程序ui组件库 

转载请注明来源:Lin UI微信小程序组件库 v0.8.10

本文永久链接地址:https://www.suibianlu.com/21645.html

郑重声明:
本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。
若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。 我们不承担任何技术及版权问题,且不对任何资源负法律责任。
如无法链接失效或侵犯版权,请给我们来信:admin#suibianlu.com

Top