17 lines
775 B
Vue
17 lines
775 B
Vue
<template>
|
||
<div h-full uno-padding-20>
|
||
<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 的使用案例，其他页面依旧采用 Scss
|
||
</div>
|
||
</div>
|
||
</template>
|