Jelajahi Sumber

电价配置页面样式调整

liling 2 bulan lalu
induk
melakukan
dd9f822a38
1 mengubah file dengan 7 tambahan dan 7 penghapusan
  1. 7 7
      src/views/elec/period/index.vue

+ 7 - 7
src/views/elec/period/index.vue

@@ -2,9 +2,9 @@
   <div class="app-container">
     <el-form ref="periodRef" :model="form" :rules="rules" label-width="120px">
       <el-row>
-        <el-col :span="11">
-          <el-form-item>
-            <span style="color:red;">春秋分时配置</span>
+        <el-col :span="11" style="background-color: #f4f4f4;">
+          <el-form-item style="background-color: #d5d5d5;">
+            <span style="color:#483a3a;font-weight: bold;margin-left: 33%;">春秋分时配置</span>
           </el-form-item>
           <el-form-item label="月份" prop="saMonths">
             <el-input v-model="form.saMonths" placeholder="请输入春秋月份"/>
@@ -23,9 +23,9 @@
           </el-form-item>
         </el-col>
         <el-col :span="2"></el-col>
-        <el-col :span="11">
-          <el-form-item>
-            <span style="color:red;">春秋分时配置</span>
+        <el-col :span="11" style="background-color: #f4f4f4;">
+          <el-form-item style="background-color: #d5d5d5;">
+            <span style="color:#483a3a;font-weight: bold;margin-left: 33%;">夏冬分时配置</span>
           </el-form-item>
           <el-form-item label="月份" prop="swMonths">
             <el-input v-model="form.swMonths" placeholder="请输入夏冬月份"/>
@@ -44,7 +44,7 @@
           </el-form-item>
         </el-col>
       </el-row>
-      <div class="footer">
+      <div class="footer" style="text-align: center;margin-top: 20px;background: #f4f4f4;padding: 10px;">
         <el-button type="primary" @click="submitForm">保 存</el-button>
       </div>
     </el-form>