🎨 aoda.css

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

🚚 文档

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

在线示例

🛠 安装与使用

1.安装

• 包管理器

  npm i aoda.css -S
  # or
  yarn add aoda.css -S

• cdn

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

2.使用

• main.ts

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

• App.vue

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