在 uniapp 里面使用 unocss
在uniapp中使用unocss,首先需要安装unocss相关的npm包。
- 在项目根目录打开终端,安装unocss及其相关依赖:
npm install unocss --save
- 在
main.js
或App.vue
中引入unocss并初始化:
import 'unocss/dist/bundle.css'
// 或者如果你需要按需引入
import 'unocss/dist/bundle.css'
// 初始化unocss
Vue.use(unocss)
- 在页面中使用unocss提供的样式类名:
<template>
<view class="p-4 bg-gray-200">
Hello UnoCSS in UniApp!
</view>
</template>
以上步骤展示了如何在uniapp项目中引入和使用unocss。注意,unocss是一个实验性项目,可能会有变动,请根据实际情况查看官方文档。
评论已关闭