小编Boi*_*dar的帖子

我想将<th>Vuetify table 中的字体大小增加到 20px v-data-table。但它保持在 12px。

我试过这个：

table.v-table thead tr th {
  font-size: 20px!important;
}

这是我的数据表：

<v-data-table
        :headers="headers"
        :items="myjson"
        class="elevation-1"
      >
        <template v-slot:items="props">
         <td>{{ props.item.ApplicationType }}</td>
        </template>
</v-data-table>

我希望 thead 的字体大小为 20px。但是在检查时它保持在 12px。

我正在尝试v-skeleton-loader在 Vuetify 中显示一个。我用过v-if和v-else。如果图像未加载，则应显示骨架加载器。否则，它应该显示图像。这是我的代码：

<template>
   <v-col v-for="option in options" :key="option.id" cols="6">
       <v-lazy :options="{ threshold: 0.5 }" min-height="130">
           <v-hover v-slot:default="{ hover }">
               <v-card
                   link
                   width="160"
                   id="options_card"
               >
                      <v-sheet
                        class="px-3 pt-3 pb-3"
                        v-if="!images"
                      >
                         <v-skeleton-loader
                            max-width="300"
                            type="image"
                         ></v-skeleton-loader>
                      </v-sheet>
                      <v-img
                            width="100%"
                            height="130"
                            :src="option.thumbnail"
                            id="thumbnail"
                            v-else
                       ></v-img>
                  </v-card> 
              </v-hover>
           </v-lazy>
        </v-col>
 </template>

 <script>
 export default {
   data() {
     return {
        images: false
     }
   },

   mounted () {
     this.images = true
   },
 }
 </script>

但是v-skeleton-loader在屏幕上看不到。