食堂、食材页面修改表单字体大小

src/views/canteen/foodScreen.vue

@@ -10,7 +10,7 @@
     <div class="tables">
       <div class="gun">
         <el-table :cell-style="{ color: '#fff' }" :header-cell-style="{ color: '#fff' }" :data="tableData"
-          style="width: 100%;height:100%;font-size: 2.5vh;">
+          style="width: 100%;height:100%;font-size: 2.8vh;">
           <el-table-column prop="product" align="center" label="">
           </el-table-column>
           <el-table-column prop="address" label="" align="center">
@@ -67,7 +67,7 @@ export default {
 #menuScreen {
   width: 100%;
   height: 100%;
-  overflow: hidden;
+  // overflow: hidden;
   background-image: url('../../assets/images/background.png');
   background-repeat: no-repeat;
   background-size: cover;
@@ -133,6 +133,7 @@ export default {
 /*最外层透明*/
 ::v-deep .el-table,
 ::v-deep .el-table__expanded-cell {
+  // font-size: 18px;
   background-color: transparent !important;
 }
 
@@ -142,12 +143,11 @@ export default {
 ::v-deep .el-table td {
   background-color: transparent !important;
 
-  border-top-color: #808DA6;
-  border-bottom-color: #808DA6;
+  border-top: 1px solid #808DA6;
+  border-bottom: none;
 }
 
-// ::v-deep .el-table tr {
-//   border-top-color: #808DA6;
-//   border-bottom-color: #808DA6;
-// }
+::v-deep .el-table .el-table__header-wrapper {
+  display: none;
+}
 </style>

src/views/canteen/menuScreen.vue

@@ -8,21 +8,26 @@
       <span>日期</span>
     </div>
     <div class="tables">
-      <div>
+      <!--  class="gun" -->
+      <div class="gun">
         <el-table :cell-style="{ color: '#fff' }" :header-cell-style="{ color: '#fff' }" :data="tableData"
-          style="width: 100%;height:100%;font-size: 2.5vh;" ref="tableBox">
+          style="width: 100%;height:100%;font-size: 2.8vh;" ref="tableBox">
+
           <el-table-column prop="timeFrame" align="center" label="">
             <template slot-scope="scope">
               <span>{{ scope.row.timeFrame == '1' ? '早餐' : scope.row.timeFrame == '2' ? '午餐' : '晚餐' }}</span>
             </template>
           </el-table-column>
+
           <el-table-column prop="name" label="" align="center">
           </el-table-column>
+
           <el-table-column prop="price" align="center" label="">
             <template slot-scope="scope">
               <span>￥{{ scope.row.price }}</span>
             </template>
           </el-table-column>
+
           <el-table-column prop="billDate" label="" align="center">
           </el-table-column>
         </el-table>
@@ -86,7 +91,7 @@ export default {
   background-image: url('../../assets/images/background.png');
   background-repeat: no-repeat;
   background-size: cover;
-  overflow: hidden;
+  // overflow: hidden;
 }
 
 .title {
@@ -156,7 +161,13 @@ export default {
 ::v-deep .el-table tr,
 ::v-deep .el-table td {
   background-color: transparent !important;
-  border-top-color: #808DA6;
-  border-bottom-color: #808DA6;
+  // border-top-color: #808DA6;
+  // border-bottom-color: #808DA6;
+  border-top: 1px solid #808DA6;
+  border-bottom: none;
+}
+
+::v-deep .el-table .el-table__header-wrapper {
+  display: none;
 }
 </style>