麟鼎组件库

项目说明

此项目包含了一些常用的组件，如表单组件、底部安全区域等等。目的是为了跨项目的使用公用组件。

项目地址：https://gitee.com/linding-tech/ld-taro-components

此项目是taro小程序 + rollup打包而成 taro版本是3.0以上。

迭代说明

问：我们如何给这个组件库添加组件？

1、需要去了解一下rollup打包原理，主要配置是rollup.config.js文件

2、在src目录下会有一份components文件夹，里面是一个个组件，我们新增组件也是把文件放在这里，其中LdCell是Cell组件的一种具体体现形式。

3、src目录下的style是组件的依赖样式表

4、src目录下的index.js是项目的出口，所以我们需要在index.js文件中把components中的组件暴露出去

5、当我们新增一个组件的时候，需要把组件的样式表加在style文件下的components文件下，其中组件名的形式命名文件。在components文件的index.scss文件中引入各个组件的样式表。

6、其中需要注意的是，在components(组件库)的各个组件的代码中，引入的是style文件夹下对应组件的样式表

7、最后我们跑yarn run build:rollup命令，会得到一份dist文件。

8、npm 更新版本，然后执行npm publish发布

使用说明

improt { Cells, LdCell } from 'ld-taro-components’

import '@~/ld-taro-components/dist/style/components/index.scss'

其中@~ 是你文件的node_modules所在路径

组件使用文档

Cells

Cell

LdCell

LdMainButton

LdBottomRegion