Browse Source

在父组件使用子组件时给子组件添加样式class或者style时,子组件模板内应只有一个根元素,否者Vue 不知道应该如何将这些属性应用到多个根节点上。

lifanagju_citu 9 months ago
parent
commit
5fdaf6fda6
1 changed files with 17 additions and 15 deletions
  1. 17 15
      src/views/recruit/enterprise/statistics/components/overview.vue

+ 17 - 15
src/views/recruit/enterprise/statistics/components/overview.vue

@@ -1,22 +1,24 @@
 <template>
-  <div class="overview my-5">
-    <div class="overview-item pa-5 color-666" v-for="(val, i) in overview" :key="i">
-      <div class="d-flex">
-        <div>{{ val.title }}</div>
-        <v-tooltip :text="val.desc" location="top">
-          <template v-slot:activator="{ props }">
-            <span v-bind="props" class="mdi mdi-information-outline ml-1"></span>
-          </template>
-        </v-tooltip>
-      </div>
-      <div class="overview-item-value my-3">{{ val.value }}</div>
-      <div class="font-size-14">
-        环比
-        <span class="color-error">0% ↑</span>
+  <div>
+    <div class="overview my-5">
+      <div class="overview-item pa-5 color-666" v-for="(val, i) in overview" :key="i">
+        <div class="d-flex">
+          <div>{{ val.title }}</div>
+          <v-tooltip :text="val.desc" location="top">
+            <template v-slot:activator="{ props }">
+              <span v-bind="props" class="mdi mdi-information-outline ml-1"></span>
+            </template>
+          </v-tooltip>
+        </div>
+        <div class="overview-item-value my-3">{{ val.value }}</div>
+        <div class="font-size-14">
+          环比
+          <span class="color-error">0% ↑</span>
+        </div>
       </div>
     </div>
+    <div id="myChart" style="width: 100%; height: 500px;background-color: #f7f8fa;border-radius: 8px;" class="pa-3"></div>
   </div>
-  <div id="myChart" style="width: 100%; height: 500px;background-color: #f7f8fa;border-radius: 8px;" class="pa-3"></div>
 </template>
 
 <script setup>