Taro使用tailwindcss+styled-components

提示:如果需要使用Taro编写小程序而不是H5的话,此方案并不生效。可参考: https://docs.taro.zone/docs/css-in-js

在用Taro框架写小程序的时候,写组件样式的时候,总觉得全部写在css文件里,如果需要通过某个参数来调节不同的样式,那么就比较麻烦。

这时候就想到了styled-components,同时又由于上一个项目是使用tailwindcss来编写的样式,那么有没有办法可以使用styled-components的语法来写tailwind呢?

搜索了一下NPM仓库,还真有,tailwind-styled-components可以实现这个功能,但是实现这个功能之前,需要在Taro中安装tailwind。

HTML5 CSS 基础知识

HTML

HTML常见元素

  • header (一些资源和信息描述)
    • meta
    • title
    • style
    • link
    • script
    • base
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×