亲宝软件园 - 正版软件下载基地

软件发布|软件分类|下载排行|最新软件|IT学院

软件
软件
文章
当前位置:首页应用软件编程开发 → Lin UI(高质量UI组件库)
Lin UI(高质量UI组件库)

Lin UI(高质量UI组件库)

V0.9.4官方版
下载地址
  • 软件介绍

  亲宝软件园为您提供Lin UI(高质量UI组件库)的高速下载服务,当前页面下载的版本为0.9.4官方版,如需查看所有版本,可点击这里查看: 源码相关 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 已成功引入至你的项目中了!

  GitHub Desktop绿色版

下载地址

  • PC版

Lin UI(高质量UI组件库)的相关版本

相关文章

用户评论

Copyright 2022 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们