跨学游戏网:纯净绿色软件游戏下载网站

电脑软件| 软件合集| 最近更新| 网站地图

当前首页:首页 > 电脑软件 > 编程开发 > Lin UI(高质量UI组件库)

Lin UI(高质量UI组件库)

Lin UI(高质量UI组件库)

类型:编程开发版本:v0.9.4官方版更新:2024-07-23 09:08:15大小:1.5M系统:WinAll语言:简体

Lin UI是一套基于微信小程序原生语法的高质量UI组件库,遵循简单、易用、美观的设计规范。与其他组件库不同的是,除了basic 组件之外,我们还会提供wxs模块和WXS模块。

软件特色

简单易用

组件用微信小程序原生语法写的,只需要熟悉HTML、CSS、JavaScript和微信小程序的基础知识就可以入门。同时,您可以一次加载所有代码,也可以选择只加载您使用的组件代码中的一部分。

规范性统一

遵循统一的设计规范、接口标准和事件气泡机制,减少开发人员查阅文档的时间成本,提高开发效率。

文档丰富

为了让更多的开发者能够在一开始就熟练的用Lin-UI开发自己的小程序应用,我们对每一个组件的属性、事件、用法、案例都做了详细的描述。

扩展性强

支持按需引入和定制主题颜色,生成多种风格,满足个性化产品需求;同时具有很强的扩展性,可以轻松实现组件的二次开发。

支持第三方库框架

支持第三方框架,taro,mpvue。

施用方式

快速入门:

固定

1.将您的项目初始化为NPM项目。

npm初始化-y

如果项目根目录已经包含package.json文件,可以跳过这一步。

2.安装Lin用户界面

npm i lin-ui

3.要在配置微信开发者工具时正确安装Lin UI,需要勾选微信开发者工具中使用npm模块的选项。

设置路径:微信开发者工具右上角-& gt;详细信息-& gt;本地设置

4.搭建NPM模块微信开发者工具配置完成后,需要重新搭建NPM模块。

按钮位置:微信开发者工具顶部-& gt;工具-& gt;构建国家预防机制

引入/介绍

1.配置微信开发者工具

要正确使用Lin UI,需要查看微信开发者工具的Es6到ES5和增强编译选项。

设置路径:微信开发者工具右上角-& gt;详细信息-& gt;本地设置

2.在页面中介绍

{

"使用组件& quot:{

"l按钮& quot:& quot/mini program _ NPM/Lin-ui/button/index & quot;

}

}

3.在页面中使用

(l-button type = & quot;默认& quot)默认按钮(/l按钮)

我们建议大家在引入Lin UI 组件时,统一命名为l-{组件 Name}格式。遵循这个规范将使你的项目代码更加清晰。

至此,Lin UI已经成功引入到您的项目中了!

标签: 源码相关