style: 优化了关于分页位置,ztree展示高度的样式

main
wu.jian2 2 years ago
parent b53c82e78a
commit 4af2e6de1d

@ -52,7 +52,7 @@ registerConfig(
'--bs-el-color-primary-active': '64, 158, 255', // 主要激活 => rgba(64, 158, 255, 1) = #409EFF
'--bs-el-border': 'transparent' // 边框颜色
},
datasetAuth: ['unAdd', 'unEdit', 'unDelete'], // 数据集按钮权限 新增 编辑 删除
// datasetAuth: ['unAdd', 'unEdit', 'unDelete'], // 数据集按钮权限 新增 编辑 删除
// datasetTypeList: ['original','custom'],
// customPlots: [],
// 远程组件列表
@ -65,8 +65,8 @@ registerConfig(
promise.polyfill()
// 自定义指令
Vue.use(ElementUI, { size: 'mini' })
Vue.prototype.$dataRoomAxios = $dataRoomAxios
Vue.config.productionTip = false
Vue.prototype.$dataRoomAxios = $dataRoomAxios
// 兼容ie下双向绑定事件
Vue.prototype.inputChange = function (e) {
return e.target.value

@ -9,7 +9,10 @@
class="bs-dialog-wrap bs-el-dialog"
@close="close"
>
<div class="el-dialog-div" :style="{height: dialogH}">
<div
class="el-dialog-div"
:style="{height: dialogH}"
>
<iframe
:src="url"
width="100%"

@ -535,17 +535,10 @@ export default {
}
.footer-pagination-wrap {
// position: absolute;
// bottom: 16px;
// right: auto;
// display: flex;
// align-items: center;
// justify-content: flex-end;
width: 100%;
position: absolute;
bottom: 16px;
right: 12px;
// padding: 0 16px;
right: 16px;
}
}

@ -650,17 +650,10 @@ export default {
}
.footer-pagination-wrap {
// position: absolute;
// bottom: 16px;
// right: 16px;
// display: flex;
// align-items: center;
// justify-content: flex-end;
// width: 100%;
position: absolute;
bottom: 16px;
right: 12px;
// padding: 0 16px;
right: 16px;
}
.error-img-text {

@ -1374,9 +1374,10 @@ export default {
}
.bs-pagination {
position: relative !important;
bottom: 0 !important;
padding: 0 12px 16px 16px !important;
padding: 0 !important;
right: 16px !important;
bottom: 16px !important;
position: absolute !important;
::v-deep .el-input__inner {
width: 110px !important;
border: none;

@ -1049,9 +1049,10 @@ export default {
}
.bs-pagination {
position: relative !important;
bottom: 0 !important;
padding: 0 12px 16px 16px !important;
padding: 0px !important;
right: 16px !important;
bottom: 16px !important;
position: absolute !important;
::v-deep .el-input__inner {
width: 110px !important;
border: none;

@ -716,9 +716,10 @@ export default {
padding-left: 16px !important;
}
.bs-pagination {
position: relative !important;
bottom: 0 !important;
padding: 0 12px 16px 16px !important;
padding: 0 !important;
right: 16px !important;
bottom: 16px !important;
position: absolute !important;
::v-deep .el-input__inner {
width: 110px !important;
border:none;

@ -207,7 +207,7 @@ export default {
background-color: var(--bs-background-2) !important;
.el-table {
max-height: calc(90vh - 380px);
max-height: calc(90vh - 340px);
}
.bs-table-box {
@ -245,4 +245,14 @@ export default {
}
}
}
::v-deep .bs-pagination {
bottom: 5px !important;
}
::v-deep .left-box {
.el-scrollbar {
height: calc(100vh - 405px) !important;
}
}
</style>

@ -323,6 +323,10 @@ export default {
@import '../../assets/style/bsTheme.scss';
.bs-pagination {
padding: 0 !important;
right: 16px !important;
bottom: 16px !important;
position: absolute !important;
::v-deep .el-input__inner {
width: 110px !important;

@ -554,16 +554,9 @@ export default {
}
.footer-pagination-wrap {
// position: absolute;
// bottom: 10px;
// display: flex;
// align-items: center;
// justify-content: flex-end;
// width: 100%;
position: absolute;
right: 16px;
bottom: 16px;
right: 12px;
// padding: 0 16px;
position: absolute;
}
}

@ -330,3 +330,7 @@ $--font-path: "~element-ui/lib/theme-chalk/fonts";
background: rgba(144, 147, 153, 0.3) !important;
background-color: rgba(144, 147, 153, 0.3) !important;
}
.el-dialog__footer{
padding: 16px !important;
}

@ -137,4 +137,5 @@
.right-box {
width: 75%;
margin-left: 16px;
position: relative;
}

Loading…
Cancel
Save