Windi css使用说明

 <h3>px-1 指的padding左右0.25rem 也就是4px</h3>
	<h3>px-4 指的padding左右1rem 也就是16px</h3>
	<h3>py-10 指的padding上下2.5rem 也就是40px</h3>
	<div>具体查看官网：https://cn.windicss.org/integrations/vite.html</div>

Windi css


1 第一步安装相关包：

 pnpm i -D vite-plugin-windicss windicss


2 
vite.config.js

import WindiCSS from 'vite-plugin-windicss'
export default {
  plugins: [
    WindiCSS(),
  ],
}

3
main.js 
import 'virtual:windi.css'

4 使用
<template>
  <div class="div-style">
    <h3>12</h3>
    <button class="px-1 py-10 bg-gray-500">按钮</button>
    <button class="btn&