search

sonofmagic / weapp-tailwindcss

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

bg-gradient-to-r 这个属性，渐变色无效 #285

Closed BaoXianSheng closed 3 months ago

BaoXianSheng commented 3 months ago

描述这个Bug bg-gradient-to-r 这个属性，渐变色无效 好像var(--tw-gradient-from-position)，var(--tw-gradient-to-position)不存在

<View className="w-full h-10 bg-gradient-to-r from-neutral-700"></View> 1711949454722

在scss文件中使用@apply，也需要重启服务才生效 "weapp-tailwindcss": "^3.1.1", "webpack": "^5.88.2"

sonofmagic commented 3 months ago

请问你是不是遇到了这种情况：

https://weapp-tw.icebreaker.top/docs/issues/css-vars

BaoXianSheng commented 3 months ago

请问你是不是遇到了这种情况：

https://weapp-tw.icebreaker.top/docs/issues/css-vars

非常感谢，的确是这个问题，不过我没有使用@tarojs/plugin-html，injectAdditionalCssVarScope: true有效，遗憾的是只在view和text上生效，button不生效 1712021725505

BaoXianSheng commented 3 months ago

’在scss文件中, class使用@apply 需要重启服务才生效, 这个问题有无办法可以解决‘ 这个问题是我posscss-loader未更新8.X照成的

sonofmagic commented 3 months ago

请问你是不是遇到了这种情况： https://weapp-tw.icebreaker.top/docs/issues/css-vars

非常感谢，的确是这个问题，不过我没有使用@tarojs/plugin-html，injectAdditionalCssVarScope: true有效，遗憾的是只在view和text上生效，button不生效 1712021725505

为什么默认把 * 选择器转化成标签选择器 ，原因是因为小程序里面不支持 * 选择器，使用会报错直接挂了。

然后我又想，日常开发里，只有 view , text 是常见的布局元素，所以默认值是 view 和 text

这个问题，其实可以通过这个配置项来解决 https://weapp-tw.icebreaker.top/docs/api/interfaces/UserDefinedOptions#cssselectorreplacement

你把 cssSelectorReplacement.universal 设置成 ['view', 'text','button'] 应该就行了

sonofmagic commented 3 months ago

’在scss文件中, class使用@apply 需要重启服务才生效, 这个问题有无办法可以解决‘ 这个问题是我posscss-loader未更新8.X照成的

好的呀

BaoXianSheng commented 3 months ago

cssSelectorReplacement.universal

非常感谢热心的解答，我想我阅读文档的能力有待提升