vue.js - Vue 3 - Vuetify 3:颜色——文本不起作用
问题描述
我今天第一次尝试用 Vue3 安装 Vuetify。几乎一切工作正常:组件被正确导入,“文本中心”等类也工作良好。
但是我注意到像“dark”这样的道具和像“color--text”这样的类不是,我不知道为什么......
这是我的插件/vuetify.js 文件:
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/lib/styles/main.sass'
import { createVuetify } from 'vuetify'
import * as components from 'vuetify/lib/components'
import * as directives from 'vuetify/lib/directives'
export default createVuetify({
components,
directives,
})
例如:
<h1 class="display-2 font-weight-bold mb-3">
<div class="red--text">Welcome to the Vuetify 3 Alpha</div>
</h1>
文本不会是红色的,没有任何变化。
我不知道问题可能出在哪里...这是一个 SOS
谢谢!
解决方案
根据vuetify classes它应该是 text-red
而不是red--text
:
<v-app>
<div class="bg-purple-darken-2 text-center">
<span class="text-red">Lorem ipsum</span>
</div>
</v-app>
推荐阅读
- system-verilog - 如何防止 SVA 的新线程
- c - How to download graphics.h in devc++?
- html - How to save all embedded images of local html file in Windows
- html - Align text in ReactJS in a proper way
- python - Python sort nested lists
- database - Is it advisable to separate prime attribute partial dependencies when normalising?
- r - How to make inactive multiple line R code in a script
- r - How can I run all subset regression and get p-values of variables per each linear regression as dataframe using dplyr?
- ruby-on-rails - Pre-defined fields for nested attribute in nested form using checkbox
- node.js - TypeError: Cannot read property 'authenticate' of null