sonofmagic / weapp-tailwindcss

weapp-tailwindcss - bring tailwindcss to weapp ! 把 tailwindcss 原子化思想带入小程序开发吧 !
https://tw.icebreaker.top
MIT License
1.25k stars 91 forks source link

[tailwindcss 问题]: 为什么尺寸数值大于20后失效 #324

Closed P844846157 closed 3 months ago

P844846157 commented 3 months ago

weapp-tailwindcss 版本

3.3.7

框架 & 小程序平台

taro react

最小复现bug的代码仓库链接

No response

复现bug的步骤

一旦输入大于20的尺寸数值,没有被正确转化 image image image

预期是什么?

输入任意长度单位能正确转化

实际发生了什么?

未能正确转换

运行环境

No response

其他附加信息

config.ts配置 image

sonofmagic commented 3 months ago

原因在这里, https://tailwindcss.com/docs/height tailwindcss 走的是配置,不是走的任意值,你想要什么写法,要自己去动态的生成,否则默认只有 table 里面的这些

image

你看这里面有 h-20 ,没有 h-30 ,有 h-32, 这个是 tailwindcss 给你的限制,想用这种方式,促进你去规范你的 css,这样才能进一步,把你们公司的设计规范,转变成一个 tailwindcss plugin 或者 preset

P844846157 commented 3 months ago

好的,明白了,谢谢!