全局样式适配三个隐藏页面

web_src/src/components/setting/Media.vue

@@ -1,14 +1,10 @@
 <template>
-  <div id="SettingForMedia">
-  <el-container>
-    <el-header>
-      <uiHeader></uiHeader>
-    </el-header>
-    <el-main>
-      <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;">
-        <span style="font-size: 1rem; font-weight: bold;">媒体服务</span>
+  <div id="SettingForMedia" style="width: 100%">
+    <div class="page-header">
+      <div class="page-title">媒体服务</div>
     </div>
-      <div style="width: 60%; margin:0 auto; background-color: #FFFFFF; position: relative; padding: 5rem 6.5rem; text-align: left;font-size: 14px; max-width: 400px">
+    <div
+      style="width: 60%; margin:0 auto; background-color: #FFFFFF; position: relative; padding: 5rem 6.5rem; text-align: left;font-size: 14px; max-width: 400px">
       <el-form ref="form" :rules="rules" :model="form" label-width="140px">
         <el-form-item label="IP" prop="IP">
           <el-input v-model="form.IP" clearable></el-input>
@@ -71,15 +67,12 @@
         </el-form-item>
       </el-form>
     </div>
-
-
-    </el-main>
-  </el-container>
   </div>
 </template>
 
 <script>
 import uiHeader from '../../layout/UiHeader.vue'
+
 export default {
   name: "SettingForMedia",
   components: {

web_src/src/components/setting/Sip.vue

@@ -1,14 +1,10 @@
 <template>
-  <div id="SettingForSip">
-  <el-container>
-    <el-header>
-      <uiHeader></uiHeader>
-    </el-header>
-    <el-main>
-      <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;">
-        <span style="font-size: 1rem; font-weight: bold;">国标服务</span>
+  <div id="SettingForSip" style="width: 100%">
+    <div class="page-header">
+      <div class="page-title">国标服务</div>
     </div>
-      <div style="width: 60%; margin:0 auto; background-color: #FFFFFF; position: relative; padding: 5rem 6.5rem; text-align: left;font-size: 14px; max-width: 400px">
+    <div
+      style="width: 60%; margin:0 auto; background-color: #FFFFFF; position: relative; padding: 5rem 6.5rem; text-align: left;font-size: 14px; max-width: 400px">
       <el-form ref="form" :rules="rules" :model="form" label-width="140px">
         <el-form-item label="ip" prop="ip">
           <el-input v-model="form.ip" clearable></el-input>
@@ -36,15 +32,12 @@
         </el-form-item>
       </el-form>
     </div>
-
-
-    </el-main>
-  </el-container>
   </div>
 </template>
 
 <script>
 import uiHeader from '../../layout/UiHeader.vue'
+
 export default {
   name: "SettingForSip",
   components: {

web_src/src/components/setting/Web.vue

@@ -1,12 +1,7 @@
 <template>
-  <div id="SettingForWeb">
-  <el-container>
-    <el-header>
-      <uiHeader></uiHeader>
-    </el-header>
-    <el-main>
-      <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;">
-        <span style="font-size: 1rem; font-weight: bold;">WEB服务</span>
+  <div id="SettingForWeb" style="width: 100%">
+      <div class="page-header">
+        <div class="page-title">WEB服务</div>
       </div>
       <div style="width: 60%; margin:0 auto; background-color: #FFFFFF; position: relative; padding: 5rem 6.5rem; text-align: left;font-size: 14px; max-width: 400px">
         <el-form ref="form" :rules="rules" :model="form" label-width="140px">
@@ -41,10 +36,6 @@
           </el-form-item>
         </el-form>
       </div>
-
-
-    </el-main>
-  </el-container>
   </div>
 </template>