// 方法一
1. assets -> style.css
2. nuxt.config.ts中配置:
css: [
'~/assets/style.css',
],
// 注意: Nuxt会自动导入style.css这个文件,故可以在配置中省略!
// 方法二
//在 app.vue 中引入样式。注意不是在<style>中!
<script setup>
import "~/assets/main.css";
</script>
// 方法三
//或者直接在 `uno.config.ts`中定义 shortcuts,它也是相当于全局的
shortcuts: {
// shortcuts to multiple utilities
'containerX': 'w-[95%] mx-auto text-4.4 lg:w-[85%]'
'btn': 'py-2 px-4 font-semibold rounded-lg shadow-md',
'btn-green': 'text-white bg-green-500 hover:bg-green-700',
// single utility alias
'red': 'text-red-100'
}
Sort: Trending