feat: 集成 unocss

This commit is contained in:
pany
2022-05-12 19:07:54 +08:00
parent f668e36b8c
commit bd782cf88d
12 changed files with 429 additions and 8 deletions

View File

@@ -0,0 +1,16 @@
<template>
<div h-full app-container>
<div h-full text-center flex select-none all:transition-400>
<div ma>
<div text-5xl fw100 animate-bounce-alt animate-count-infinite animate-1s>unocss</div>
<div op30 dark:op60 text-lg fw300 m1>具有高性能且极具灵活性的即时原子化 CSS 引擎</div>
<div m2 flex justify-center text-lg op30 dark:op60 hover="op80" dark:hover="op80">
<a href="https://antfu.me/posts/reimagine-atomic-css-zh" target="_blank">推荐阅读重新构想原子化 CSS</a>
</div>
</div>
</div>
<div absolute bottom-5 right-0 left-0 text-center op30 dark:op60 fw300>
该页面是一个 unocss 的使用案例其他页面依旧采用 sass
</div>
</div>
</template>