首页
手机版
热门搜索:
当前位置:电脑软件行业软件辅助设计Lin UI

Lin UI (微信小程序ui组件库)官方版v0.9.4

  • 大小:1.37MB
  • 语言:简体中文
  • 类别:辅助设计
  • 类型:免费软件
  • 授权:国产软件
  • 时间:2021/03/17
  • 官网:https://www.3h3.com
  • 环境:Windows7, Windows10, WindowsAll

相关软件

Lin UI是一套适用于微信小程序的UI组件库,在该组件库中为用户提供了非常多高质量的UI素材,统一的美术风格和设计规范,让这些UI图案看起来非常的美观,除了基本的组件之外,该组件库还另外提供了wxs模块、高级组件、电商组件模块等等内容,让你在进行设计时更加的方便。

软件特色

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

标签: ui组件库

下载地址

Lin UI (微信小程序ui组件库)官方版v0.9.4

普通下载通道

网友评论

返回顶部