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

This commit is contained in:
xiaoxie 2022-04-21 12:45:27 +08:00
parent 5623b5ee0f
commit 2735a7a98b
3 changed files with 109 additions and 132 deletions

View File

@ -1,14 +1,10 @@
<template> <template>
<div id="SettingForMedia"> <div id="SettingForMedia" style="width: 100%">
<el-container> <div class="page-header">
<el-header> <div class="page-title">媒体服务</div>
<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> </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 ref="form" :rules="rules" :model="form" label-width="140px">
<el-form-item label="IP" prop="IP"> <el-form-item label="IP" prop="IP">
<el-input v-model="form.IP" clearable></el-input> <el-input v-model="form.IP" clearable></el-input>
@ -71,15 +67,12 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</el-main>
</el-container>
</div> </div>
</template> </template>
<script> <script>
import uiHeader from '../../layout/UiHeader.vue' import uiHeader from '../../layout/UiHeader.vue'
export default { export default {
name: "SettingForMedia", name: "SettingForMedia",
components: { components: {

View File

@ -1,14 +1,10 @@
<template> <template>
<div id="SettingForSip"> <div id="SettingForSip" style="width: 100%">
<el-container> <div class="page-header">
<el-header> <div class="page-title">国标服务</div>
<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> </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 ref="form" :rules="rules" :model="form" label-width="140px">
<el-form-item label="ip" prop="ip"> <el-form-item label="ip" prop="ip">
<el-input v-model="form.ip" clearable></el-input> <el-input v-model="form.ip" clearable></el-input>
@ -36,15 +32,12 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</el-main>
</el-container>
</div> </div>
</template> </template>
<script> <script>
import uiHeader from '../../layout/UiHeader.vue' import uiHeader from '../../layout/UiHeader.vue'
export default { export default {
name: "SettingForSip", name: "SettingForSip",
components: { components: {

View File

@ -1,12 +1,7 @@
<template> <template>
<div id="SettingForWeb"> <div id="SettingForWeb" style="width: 100%">
<el-container> <div class="page-header">
<el-header> <div class="page-title">WEB服务</div>
<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> </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 ref="form" :rules="rules" :model="form" label-width="140px">
@ -41,10 +36,6 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</el-main>
</el-container>
</div> </div>
</template> </template>