滚动条
This commit is contained in:
parent
7b15cae20f
commit
a96859d733
|
@ -11,6 +11,7 @@
|
||||||
<el-button size="mini" icon="iconfont icon-fanhui" plain onclick="javascript:history.go(-1)">返回</el-button>
|
<el-button size="mini" icon="iconfont icon-fanhui" plain onclick="javascript:history.go(-1)">返回</el-button>
|
||||||
</el-header>
|
</el-header>
|
||||||
<el-main class="ms-container">
|
<el-main class="ms-container">
|
||||||
|
<el-scrollbar class="ms-scrollbar" style="height: 100%;">
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px" size="mini">
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px" size="mini">
|
||||||
<el-row
|
<el-row
|
||||||
gutter="0"
|
gutter="0"
|
||||||
|
@ -152,6 +153,7 @@
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
</el-scrollbar>
|
||||||
</el-main>
|
</el-main>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
@ -11,6 +11,7 @@
|
||||||
<el-button size="mini" icon="iconfont icon-fanhui" plain onclick="javascript:history.go(-1)" v-if="returnIsShow">返回</el-button>
|
<el-button size="mini" icon="iconfont icon-fanhui" plain onclick="javascript:history.go(-1)" v-if="returnIsShow">返回</el-button>
|
||||||
</el-header>
|
</el-header>
|
||||||
<el-main class="ms-container">
|
<el-main class="ms-container">
|
||||||
|
<el-scrollbar class="ms-scrollbar" style="height: 100%;">
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px" size="mini">
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px" size="mini">
|
||||||
<el-row
|
<el-row
|
||||||
gutter="0"
|
gutter="0"
|
||||||
|
@ -168,6 +169,7 @@
|
||||||
<vue-ueditor-wrap style="line-height: 0px" v-model="form.contentDetails" :config="editorConfig"></vue-ueditor-wrap>
|
<vue-ueditor-wrap style="line-height: 0px" v-model="form.contentDetails" :config="editorConfig"></vue-ueditor-wrap>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
</el-scrollbar>
|
||||||
</el-main>
|
</el-main>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
@ -382,4 +384,10 @@
|
||||||
.el-select{
|
.el-select{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
body{
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
#form{
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
|
@ -114,4 +114,7 @@
|
||||||
height: 40px !important;
|
height: 40px !important;
|
||||||
line-height: 46px !important;
|
line-height: 46px !important;
|
||||||
}
|
}
|
||||||
|
body{
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -334,4 +334,7 @@
|
||||||
#main .ms-container {
|
#main .ms-container {
|
||||||
height: calc(100vh - 141px);
|
height: calc(100vh - 141px);
|
||||||
}
|
}
|
||||||
|
body{
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
|
@ -119,3 +119,12 @@ a:link,a:visited,a:active{text-decoration: none; color:#409EFF;}
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-color: rgba(144,147,153,.5);
|
background-color: rgba(144,147,153,.5);
|
||||||
}
|
}
|
||||||
|
.ms-scrollbar .el-scrollbar__wrap{
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
.ms-scrollbar .el-scrollbar__bar.is-vertical{
|
||||||
|
width: 6px !important;
|
||||||
|
}
|
||||||
|
.ms-scrollbar .el-scrollbar__view{
|
||||||
|
padding-right: 17px;
|
||||||
|
}
|
Loading…
Reference in New Issue