css无法在Vue.js单个文件组件中工作

Question

我认为这应该有用，但我显然犯了一个错误（有问题的课程是scrollable-modal-body）。我已经包含了该组件的相关部分：

<template>
  <div id="col-md-12">
    <template v-if="showFinancingModal">
    <transition name="modal">
    <div class="modal-mask">
    <div class="modal-wrapper">
      <div class="modal-dialog modal-dialog-wide" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title">Financing</h5>
            <div class="float-right hide-modal" @click = "willHideFinancingModal">x</div>
          </div>
          <div class="modal-body scrollable-modal-body">
          ......

</template>
<script>
.....
</script>
<style scoped>
.scrollable-modal-body{
  overflow-y: scroll;
  height:400px;
}
</style>