如何向Tailwind CSS添加新描述

笔记将向你们展示如何自定义Tailwind css，如果你已经开始使用Tailwind CSS或想要使用它的人，想要了解基础知识的人，可以考虑阅读。

首先你需要创建了一个项目并准备使用Tailwind。

添加描述

这次，将继续假设我们将更改断点值，让我们将描述添加到tailwind.config.js中。

module.exports = {
  purge: [],
  darkMode: false,
  theme: {
    extend: {
      screens: {
        xl: { max: "1279px" },
        lg: { max: "1023px" },
        md: { max: "767px" },
        sm: { max: "639px" },
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};

添加完成后，重新启动项目。（它是在Vue.js环境下运行的）

npm run serve

项目启动后，让我们实际编写它并检查它是如何工作的。

<template>
  <button class="md:block">
　　　　按钮
  </button>
</template>

当它按预期工作时，该过程就完成了。

…

文章到此结束，谢谢阅读。