滚动条

This commit is contained in:
tianbj 2019-11-29 17:15:35 +08:00
parent 7b15cae20f
commit a96859d733
5 changed files with 27 additions and 2 deletions

View File

@ -11,7 +11,8 @@
<el-button size="mini" icon="iconfont icon-fanhui" plain onclick="javascript:history.go(-1)">返回</el-button>
</el-header>
<el-main class="ms-container">
<el-form ref="form" :model="form" :rules="rules" label-width="120px" size="mini">
<el-scrollbar class="ms-scrollbar" style="height: 100%;">
<el-form ref="form" :model="form" :rules="rules" label-width="120px" size="mini">
<el-row
gutter="0"
justify="start" align="top">
@ -152,6 +153,7 @@
</el-select>
</el-form-item>
</el-form>
</el-scrollbar>
</el-main>
</div>
</body>

View File

@ -11,7 +11,8 @@
<el-button size="mini" icon="iconfont icon-fanhui" plain onclick="javascript:history.go(-1)" v-if="returnIsShow">返回</el-button>
</el-header>
<el-main class="ms-container">
<el-form ref="form" :model="form" :rules="rules" label-width="120px" size="mini">
<el-scrollbar class="ms-scrollbar" style="height: 100%;">
<el-form ref="form" :model="form" :rules="rules" label-width="120px" size="mini">
<el-row
gutter="0"
justify="start" align="top">
@ -168,6 +169,7 @@
<vue-ueditor-wrap style="line-height: 0px" v-model="form.contentDetails" :config="editorConfig"></vue-ueditor-wrap>
</el-form-item>
</el-form>
</el-scrollbar>
</el-main>
</div>
</body>
@ -382,4 +384,10 @@
.el-select{
width: 100%;
}
body{
overflow: hidden;
}
#form{
overflow: hidden;
}
</style>

View File

@ -114,4 +114,7 @@
height: 40px !important;
line-height: 46px !important;
}
body{
overflow: hidden;
}
</style>

View File

@ -334,4 +334,7 @@
#main .ms-container {
height: calc(100vh - 141px);
}
body{
overflow: hidden;
}
</style>

View File

@ -119,3 +119,12 @@ a:link,a:visited,a:active{text-decoration: none; color:#409EFF;}
border-radius: 10px;
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;
}