mirrors/buildadmin
1
0
Fork 0
mirror of https://gitee.com/wonderful-code/buildadmin synced 2024-11-23 07:40:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(baTable):表格顶部工具栏手机端适应

Browse Source
This commit is contained in:
妙码生花 2022-10-30 02:39:35 +08:00
parent 1206ac1692
commit 00149e9188
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/table/header/index.vue
View File

@ -5,7 +5,7 @@
</transition>
<!-- 操作按钮组 -->
<div v-bind="$attrs" class="table-header">
<div v-bind="$attrs" class="table-header ba-scroll-style">
<el-tooltip v-if="props.buttons.includes('refresh')" :content="t('refresh')" placement="top">
<el-button v-blur @click="onAction('refresh', { loading: true })" color="#40485b" class="table-header-operate" type="info">
<Icon name="fa fa-refresh" />
@ -166,7 +166,7 @@ const onChangeShowColumn = (value: string | number | boolean, field: string) =>
<style scoped lang="scss">
.table-header {
position: relative;
overflow: hidden;
overflow-y: scroll;
box-sizing: border-box;
display: flex;
align-items: center;

4
web/src/styles/element.scss
View File

@ -32,10 +32,12 @@
}
/* dialog滚动条-s */
.el-overlay-dialog {
.el-overlay-dialog,
.ba-scroll-style {
scrollbar-width: none;
&::-webkit-scrollbar {
width: 5px;
height: 5px;
}
&::-webkit-scrollbar-thumb {
background: #eaeaea;