精品为您呈现,快乐和您分享!

移动端

收藏本站

OK下载站

当前位置: 首页 > 软件下载 > 编程开发

Lin UI(高质量UI组件库)v0.9.4官方版

Lin UI(高质量UI组件库)v0.9.4官方版

类型:编程开发 语言:简体

大小:1.5M 更新时间:2021-03-17

推荐指数:

应用简介


LinUI是一个基于微信小程序原生语法的高质量UI组件库。它遵循简单、易用、美观的设计规范。与其他组件库不同的是,我们除了提供基础组件之外,还提供wxs模块。高级组件、电商组件模块等









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



Lin  UI(高质量UI组件库)



软件特点



简单易用



组件使用微信小程序原生语法编写。您只需要熟悉基本的HTML、CSS、JavaScript以及微信小程序相关知识即可上手开发。同时,您可以一次加载所有代码,也可以选择仅加载所使用的特定代码。一些组件的代码。



规范统一



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



丰富的文档



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



扩展性强



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



支持第三方库框架



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



指示



快速开始:



安装



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



npm 初始化-y



如果项目根目录已经包含package.json文件,则可以跳过此步骤



2.安装Lin UI



npm i lin-ui



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



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



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



按钮位置:微信开发者工具顶部-工具-构建npm



介绍



1.配置微信开发者工具



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



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



2.引入页面



{



'使用组件':{



'l-button':'/miniprogram_npm/lin-ui/button/index'



}



}



3、页面中使用



(l-button type='default')默认按钮(/l-button)



我们建议您在引入Lin UI 组件时,都应采用l-{组件名称} 格式命名。遵循这个规范将使你的项目代码更加清晰。



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