Vue3+tailwind3.3 如何封装一个css

1. 环境

Vue3 + tailwind3.3 + windows10

2. 问题描述?

我想要将下面的css封装成一个class

<div class="border rounded-md border-gray-300 border-dotted flex justify-center items-center">1</div>

变成

<div class="xxxxxx">1</div>

3. 您期望得到的结果?

请教各位大佬给个文档或者告诉我应该补充什么知识

最佳答案

官方文档:tailwindcss.com/docs/reusing-style...

官方文档搜索的关键词:Encapsulated

file

6个月前 评论
讨论数量: 4
Mutoulee

Vue3+tailwind3.3 如何封装一个css

nodejs 中使用 jwttoken 来对字符串做 jwt 签名,现在我接收到了这个字符串,用 firebase/php-jwt 做解码的时候会提示错误

你自己品品,你问的问题是啥?

6个月前 评论
sinmu (楼主) 6个月前

参考的这个帖子,tailwindcss 封装组件

main.css 中添加如下代码

.c-border-center-ddddd {
    @apply border rounded-md border-gray-300 border-dotted flex justify-center items-center;
}

使用

<div class="c-border-center-ddddd">1</div>
6个月前 评论

官方文档:tailwindcss.com/docs/reusing-style...

官方文档搜索的关键词:Encapsulated

file

6个月前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!