编程开发

展开

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

大小：1.5M语言：简体 类别：编程开发系统：WinAll
简介|教程|评论(0)
软件性质：免费软件时间：2024-09-03 13:41:18

标签： Lin UI(高质量UI组件库)

软件介绍

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

Lin UI(高质量UI组件库)

软件特色

　　简单易用

　　组件采用微信小程序的原生语法编写，只需要熟悉初级的 HTML 、 CSS 、 JavaScript 和 微信小程序 相关知识就能上手开发，同时既可以一次性加载所有的代码，也可以选择只加载使用到的某些组件的代码。

　　规范统一

　　遵循统一的 设计规范 ，接口标准 和 事件冒泡机制 ，减少开发者查阅文档的时间成本，提升开发效率。

　　文档丰富

　　为了能让更多开发者接触之初，就能够熟练的用Lin-UI开发自己的小程序应用，我们对每个组件的 属性 、 事件 、用法 、和 案例 上都做了详尽的描述。

　　扩展性强

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

　　支持第三方库框架

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

使用方法

　　快速上手：

　　安装

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

加载全部内容
热门推荐
推荐教程
猜你喜欢
相关合集
office办公软件office办公软件 Mac Office办公软件Mac Office办公软件 爱奇艺爱奇艺 网盘下载网盘下载 电脑投屏软件电脑投屏软件 oa办公系统oa办公系统 浏览器浏览器 直播课堂软件直播课堂软件
用户评论
本类排行