Ver Fonte

调整看板样式

damon227 há 2 anos atrás
pai
commit
6f5cf04058
1 ficheiros alterados com 17 adições e 3 exclusões
  1. 17 3
      src/views/modules/home/customer.vue

+ 17 - 3
src/views/modules/home/customer.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="mod-home" id="content">
+  <div class="mod-home" id="customer-content">
     <el-button @click="fullScreen" class="full-screen-btn">全屏</el-button>
 
-    <el-row style="height: 100%">
+    <el-row :span="24" style="height: 100%">
       <el-col :span="18" style="height: 100%">
         <el-row :span="24" class="sample-bg">
           <el-col :span="6" class="bg1-1">
@@ -555,13 +555,27 @@ export default {
     },
     // 全屏显示
     fullScreen() {
-      const element = document.getElementById("content");
+      const element = document.getElementById("customer-content");
       element.requestFullscreen();
     },
   },
 };
 </script>
 
+<style>
+html,
+body,
+.site-wrapper,
+.site-content__wrapper,
+.site-content,
+.el-tabs--top,
+.el-tabs__content,
+.el-tab-pane,
+.el-card,
+.el-card__body {
+  height: 100%;
+}
+</style>
 <style scoped>
 .mod-home {
   /* line-height: 1.5; */