由于某些原因，我的自定义CSS类均未由Vue / Vuetify呈现。无法弄清楚。
我尝试了深度选择器，还尝试在connection.query('SELECT * FROM job where domainname like ?', ['%' + request.body.domain + '%'] ,function(error, results){
response.render('./results',{rows:results});
});
标签中使用lang=scss和lang=css。不知道为什么它不会渲染。
这是我的观点：
style这是我的<template>
<v-app class="my_background todd">
<transition leave-active-class="animated slideOutLeft" enter-active-class="animated slideInRight" mode="out-in">
<component class="no_background"
:is="selected"
transition="animated slideOutLeft"
mode="out-in"
></component>
</transition>
</v-app>
</template>
<script>
import welcome from '../components/welcome.vue';
import one from '../components/step_1.vue';
import amazon_credentials from '../components/amazon_credentials.vue';
import {dataShare} from '../packs/application.js';
import axios from 'axios';
export default {
data: function() {
return{
selected: 'welcome'
};
},
components: {
welcome,
one,
amazon_credentials
},
created() {
dataShare.$on('whereToGo', (whereToGo) => {
this.selected = whereToGo;
});
}
};
</script>
<style>
html {
height: 100%;
}
body {
margin: 0;
min-height: 100%;
overflow: hidden;
}
.no_background {
background: none !important;
}
.my_background {
background-image: url('../images/background.png') !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
</style>
文件：
package.json有什么想法吗？