Lin UI 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Lin UI 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票

软件简介

Lin UI 是由林间有风团队精心打造的一套微信小程序组件库,组件丰富、设计优美,并且拥有完整的商业案例,是您开发微信小程序的不二选择。

特点

现在市面上已经有了许多组件库:Vant Weapp、iView Weapp、Color UI、Wuss Weapp、Wux Weapp 等等等等,他们每一套也都能称得上是成熟的组件库。那我为什么还要使用 Lin UI 呢?

Lin UI 吸引我的地方主要有如下几点:

  • 使用简单
  • 设计好看
  • 组件丰富
  • 反馈及时

设计好看

Lin UI 的另一大特点就是视觉设计出众,因为林间有风有专业的 UI 设计师对组件样式进行设计,视觉方面甩其他样式靠开发者自己设计的组件库不止一条街。

文章开头,我罗列了一堆组件,其中有一套,主打视觉,那就是 Color UI,也挺好看(Color UI 的作者也曾是一名设计师)。但是 Color 是一套 css 库,并不是组件库,至于具体区别,可以 Google 一下。

我们先来看几个反面例子,这么“朴实无华”的样式,你真的喜欢吗

再来看一下 Lin Ui 是什么样子

组件丰富

Lin UI 一共包含 54 个组件,不管你用于什么场景,基本都可以满足你 90% 的需求,剩下的 10% ,可以通过提 Issue 的方式及时得到解决

使用简单

开发过小程序的开发者可能都知道,小程序相比传统 Web 来说,会简单很多,因为我们不需要去处理多端设备上的屏幕兼容问题,这是小程序的一个优势。但是,如果因为引入一套组件库,让你失去了开发简单这项优势,那还值得去使用它吗?

Vant Weapp 是业内非常成熟的一套组件库,它的开发也历经了很长的周期。但是,在我看来,Vant Weapp 的一大缺点就是组件源码非常复杂。这种复杂并不是说他的逻辑有多复杂,而是 Vant Weapp 对代码做了大量的封装,我们看一下下面的代码:

import { VantComponent } from '../common/component';
import { button } from '../mixins/button';
import { openType } from '../mixins/open-type';
VantComponent({
  mixins: [button, openType],
  data: {
    baseStyle: ''
  }
)}

这是 Vant Weapp 的 Button 组件部分源码,我们知道,Button 组件几乎是没有业务逻辑的,但是它却引入了 VantComponentbuttonopenType三个 ts 文件。

是不是一脸懵逼?VantComponent是啥?小程序原生的Component呢?button又是啥?openType又是什么鬼?甚至源码还是用 TypeScript 写的,我写个小程序还得先去学一遍 TypeScript ?

如果你刚接触小程序和 Vant Weapp,这种高度封装的特性会导致一个非常严重的问题:当你在开发中遇到一个文档解决不了的问题想翻看源码时,你会发现你看不懂,你必须得理解其整套设计思想才能看懂其中每个组件的逻辑。很浪费时间对不对?

Lin UI 就完全不存在这个问题,只要你懂 js 识字就能看懂源码,不信你看

Component({
  properties: {
    /**
     * 折叠面板类型
     */
    type: {
      type: String,
      value: 'normal'
    },
  },
  methods: {
    /**
     * 关闭所有打开的collapse-item
     */
    foldAllExpandItem(collapseItem) {
      for (let i = 0; i < this.data._expandItems.length; i++) {
        if (collapseItem !== this.data._expandItems[i]) {
          this.data._expandItems[i].foldContent();
        }
      }
      this.data._expandItems = [];
    }
});

这是 Lin UI IndexList 组件的源码,因为篇幅问题,只截取了部分。为什么说只要识字就能看懂,因为我们对方法进行了详细的注释,并且没有对微信原生 api 进行二次封装,完全原生的写法,保证你能看懂源码,这么贴心,就问你感不感动!

总结:如果你非常熟悉小程序的各种 api 、熟悉 ts、并且在遇见 bug 时有耐心去理解高度封装的设计思想,那么你可以使用 Vant Weapp。反之,如果你刚接触小程序,或者不会 ts 、在遇见 bug 时想要以最快的速度解决 bug,那么 Lin UI 会给你最舒适的开发体验。

反馈及时

一个开源项目,其活跃度是非常重要的。反馈的 Bug 能否得到及时的解决,有好的想法能否的项目作者接纳并加入项目之中,以及使用这个项目的人数。这三点是在进行技术选型时必须要考虑的问题。

Lin UI 的反馈效率非常高,Issue 反馈的 Bug 平均能在 24 小时内得到解决,这已经是非常高的效率了。相比 Vant Weapp,因为其维护者都是在职开发者,所以时间并不会太充裕,Issue 处理速度肯定也会慢于 Lin UI 的。

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (27)

加载中
form表单 居然没有下拉选择组件,这个下拉组件很难吗?几乎是个表单都有下拉选择呀
07/13 12:01
回复
举报
color ui看起来真的很好看
07/02 12:58
回复
举报
看起来挺不错的
07/01 09:04
回复
举报
是小桔啦软件作者
用起来更好 哈哈
07/01 12:03
回复
举报
偏向工业产业管理,数据产业管理。
06/28 22:03
回复
举报
需要在干些啥,可以直接用吗?
06/28 18:59
回复
举报
是小桔啦软件作者
npm install 后就可以直接使用了
06/29 03:17
回复
举报
star 一下
06/25 09:49
回复
举报
不假思索的加入收藏
06/12 10:52
回复
举报
是小桔啦软件作者
star更好 哈哈哈
06/12 10:59
回复
举报
收藏关闭一气呵成
07/13 14:06
回复
举报
可以支持uni-app不?
06/12 10:35
回复
举报
是小桔啦软件作者
uni-app可以使用,但无法实现多端编译
06/12 10:58
回复
举报
现在用的Color UI 但是为什么我做出来的小程序没有视觉感 或者能帮不能帮忙改进一下字
06/12 10:07
回复
举报
是小桔啦软件作者
Color UI 颜色太多了,而且饱和度很高。乍一看会觉得很亮眼,但是如果没有设计基础,用这么多的高饱和色会让程序看起来挺丑的,建议将颜色减少,确定主题色,比如你看看Lin UI的demo,颜色没有Color UI 那么丰富,但是看起来也还算可以的 对吧
06/12 10:25
回复
举报
我觉得直接利用组件多设计几套不同风格的模板,感觉更实用。。现在市面上缺的不是组件,是一套完整的模板。
06/12 10:37
回复
举报
是小桔啦软件作者
感谢提出意见,我们会考虑一下
06/12 19:59
回复
举报
您好,请问会不会用着用着就停更了?需要怎么搭建吗?
06/12 09:54
回复
举报
是小桔啦软件作者
不会的,我们是团队开发,不是个人,所以就算有团队成员离开,也会不断有人加入,也不是大公司的KPI产物,所以除非小程序没热度了,是不会停更的。不需要搭建,npm一键安装就可以了,可以看一下我们的官方文档,几分钟就能上手用起来
06/12 10:27
回复
举报
更多评论
暂无内容
发表了博客
2019/06/16 20:58

[LIN].LIN总线详解

转自:https://www.2cto.com/kf/201806/754227.html 参考:https://wenku.baidu.com/view/a9b08d786bd97f192379e918.html 花点时间看了一些关于LIN总线基础的内容,把其中的关键点提取了出来,在这里分享给大家。在这里你可能要问“不都有CAN总线了吗?这个LIN总线又是从哪里来的?”其实理由很简单,就是CAN总线太贵啦!处...

0
0
发表了博客
2019/04/25 11:33

LIN通讯

1.定义 LIN(Local Interconnect Network)总线是基于UART/SCI(通用异步收发器/串行接口)的低成本串行通讯协议。其目标定位于车身网络模块节点间的低端通信,主要用于智能传感器和执行器的串行通信。 2.背景 3.拓扑结构 4.工作机理 总线任务负责: 1. 调度总线上帧的传输次序 2. 监测数据,处理错误 3. 作为标准时钟参...

0
0
发表于大前端专区
06/08 09:25

Lin UI —— 一套设计精良的微信小程序组件库

你好,我是小桔,是一个没有感情的代码崽。 今天我想向你推荐一套 船新 全新的微信小程序组件库:Lin UI,是兄弟就用它! 简介 Lin UI 是由林间有风团队精心打造的一套微信小程序组件库,组件丰富、设计优美,并且...

0
0
2016/02/24 09:22

LIN总线概要

随着汽车业的飞速发展,汽车电控系统的配置不断升级,使得车辆上的电子元件越来越多,其相互连接的网络结构也越来越复杂。过去所采用的电缆连接方式所带来的庞大布线负担,容易造成车体过重和线路的磨损老化。在这种情况下,就需要引入标准的总线技术,从而降低车身重量,同时提高各个电控元件之间的通信可靠性。上世纪8...

0
1
发表于行业趋势专区
08/04 00:05

免费直播 | 小程序开发还在做慢动作?大佬带你用Lin-UI写小程序

从2017年1月到现在,小程序上线发展三年,已然是大型互联网平台类产品的一个重要组成部分,且在未来仍有超级广阔的发展前景。 作为开发者,通过微信小程序提供的丰富的原生API,我们可以实现页面的动态数据请求和...

0
0
08/05 06:50

免费直播 | 小程序开发还在做慢动作?大佬带你用Lin-UI写小程序

从2017年1月到现在,小程序上线发展三年,已然是大型互联网平台类产品的一个重要组成部分,且在未来仍有超级广阔的发展前景。 作为开发者,通过微信小程序提供的丰富的原生API,我们可以实现页面的动态数据请求和...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
27 评论
330 收藏
分享
返回顶部
顶部