@aodazhang/css-lite v1.0.1

🎨 css-lite

更轻更快的原子化 css 样式库，让切页面变的更加愉悦！

🚚 文档

更多内容请参考 文档，您可以关注 changelog 获取最新进展！

在线示例

🛠 安装与使用

1.安装

• 包管理器

  npm i @aodazhang/css-lite -S
  # or
  yarn add @aodazhang/css-lite -S

• cdn

  <link
    href="https://aodazhang.com/project/css-lite/index.css"
    rel="stylesheet"
  />

2.使用

• main.ts

  import { createApp } from 'vue'
  import App from './App.vue'
  // 1.在你项目的入口文件中引入 css-lite
  import '@aodazhang/css-lite'
  
  createApp(App).mount('#app')

• App.vue

  <template>
    <!-- 2.使用 css-lite 生成的属性选择器 -->
    <div id="app" bg-5>
      <ul fl-r>
        <li co-2></li>
        <li co-2></li>
        <li co-2></li>
      </ul>
    </div>
  </template>