LinUI是什么样子组件丰富、设计优美的组件库

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

LinUI是什么样子组件丰富、设计优美的组件库

特征

现在市面上有很多组件库：Vant Weapp、iView Weapp、Color UI、Wuss Weapp、Wux Weapp等，每一个都可以称得上是成熟的组件库。 那么为什么我应该使用 Lin UI？

Lin UI 吸引我的主要有以下几点：

不错的设计

Lin UI的另一大特点是其出色的视觉设计，因为有专业的UI设计师来设计组件样式。 在视觉方面，与其他风格相比，开发自己设计的组件库不止一个。

文章开头我罗列了一堆组件，其中一个是注重视觉效果的，那就是Color UI，也很好看（Color UI的作者也是一名设计师）。 但Color是一组CSS库，而不是组件库。 至于具体的区别，大家可以去查一下。

我们先来看几个反面例子。 这样“简单朴实”的风格你真的喜欢吗？

我们来看看林依到底长啥样

丰富的组件

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的组件源代码。 我们知道该组件几乎没有业务逻辑，但是它引入了三个ts文件。

你困惑吗？ 它是什么？ 原生小程序呢？ 又是什么？ 又是什么鬼？ 甚至源代码仍然是用软件编写的。 写小程序一定要先学吗？

如果你刚接触小程序和 Vant Weapp，这种高度封装的功能会带来一个非常严重的问题：当你在开发过程中遇到文档无法解决的问题，想看源码时，你会发现你无法理解它。 ，你必须了解它的整套设计思想才能理解每个组件的逻辑。 真是浪费时间，对吧？

Lin UI根本不存在这个问题。 只要懂jsLinUI是什么样子组件丰富、设计优美的组件库，读懂源码就可以看懂。 如果您不相信我，请阅读它。

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组件的源代码。 由于空间问题，只截获了一部分。 为什么说只要能读懂就能够理解呢？ 因为我们对方法有详细的注释，并没有重新封装微信原生API。 完全原生的编写方式保证你能看懂源码。 太贴心了，问你喜不喜欢。 移动！

总结：如果你对小程序的各种API非常熟悉，熟悉ts，并且在遇到bug时有耐心去理解高度封装的设计思想，那么你可以使用Vant Weapp。 另一方面，如果你是小程序新手，或者不了解ts，遇到bug希望尽快解决，那么Lin UI会给你*舒服的开发体验。

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等