做一个基于 tailwind 的场景组件库咋样

[9603194523]

想做一些思路上的探索：

css 问题，页面丑，做出来的页面没设计感，补充完善这一方面。添加基于 tailwind 的各类场景组件库，根据大部分页面的头部菜单，banner ，卡片等进行直接代码提供，方便他们组装和封装组组件。

类似官方的： https://tailwindui.com/

对框架也做一些适应化改造， 比如需要修改:等样式，改为-,因为小程序不兼容

先抄写代码，在调试运行，在改造为自己想要的模块。

想做一个比较全面场景覆盖的，想想是不是这个东西有解决痛点，（也可以给后端方面用）

[233373]

后端有这需求，而且很强烈

[redtech]

tailblock ？

[9603194523]

@redtech 这个算是基础，其实还是想深入场景去做，打算按照基础+场景组合起来。（常规业务方的功能页面，比如一个完整的购物车，一个完整的订单查询），还是考虑复用的问题，毕竟业务和需求千差万别，不能完全满足，但是我觉得可以根据好看的界面或者设计，实现出来也算是给别人提供了页面思路，而不是千篇一律的表格和表头

[redtech]

@9603194523 我觉得做一个 headlessui 的升级版倒是挺不错的

[yunser]

先花几天做个 mvp ，看看没有没人用

[yunser]

我觉得需求是有的，最好能解耦 tailwind

[encro]

应该是有的，这个想法我有很久了。没时间搞。

https://bit.cloud/components

[9603194523]

@yunser 嗯，无侵入的我也想，看看做一做

[9603194523]

@encro 我也是，现在想下定决心，每天写几个，时间长了就多了

[3dwelcome]

我想基于 svg 做一些组件库。

tailwind 思维模式，是直接内嵌代码来设置样式，不写 class 。可是表现力始终会被限定到了 css 样式上。

也就是界面按钮之类通常都是 div 模拟的，tailwind 能改改背景颜色，阴影，边框色，要更近一步美化，就很难的。

而把 div 用 svg 来替代，说不定能把按钮做到游戏类的界面效果。

[yunye]

daisyui 就是，可以在任意 js 框架中使用

[oneisall8955]

Stripe 支付的 UI 莫名相似😂

[zhwithsweet]

@yunye #11 对的，就是一个 big @apply

[ospider]

不推荐 daisyUI ，这个并不是一个完全用 tailwind 实现的组件库，而是又实现了一些自己的原子 CSS 类，如果添加上了就移除不了了

[dk7952638]

@ospider 添加上就移除不了是啥意思，能具体说说么，看着还不错的样子呢

[cszchen]

在用 daisyui.com

[cszchen]

@ospider 没有哪个框架能完全满足业务，多少还是会有点自定义的

[encro]

@9603194523

欢迎 OP 加群，我看好你这个项目，看能不能找到人一起做。

https://c4ys.com/archives/2805