From 034cb3a4c10c7ff0b50cfc83e210e462d858ce72 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期三, 22 三月 2023 17:21:56 +0800 Subject: [PATCH] 修改页码样式 --- src/views/specialWorkSystem/flow/ruleofApp/index.vue | 22 ++++++++++++++++------ 1 files changed, 16 insertions(+), 6 deletions(-) diff --git a/src/views/specialWorkSystem/flow/ruleofApp/index.vue b/src/views/specialWorkSystem/flow/ruleofApp/index.vue index 09bb87a..df52430 100644 --- a/src/views/specialWorkSystem/flow/ruleofApp/index.vue +++ b/src/views/specialWorkSystem/flow/ruleofApp/index.vue @@ -1,6 +1,6 @@ <template> <div class="home-container"> - <div style="height: 100%"> + <div style="height: 100%;display: flex;flex-direction: column;align-items: stretch;"> <el-row class="homeCard"> <div class="basic-line"> <span>规则名称:</span> @@ -344,12 +344,14 @@ height: calc(100vh - 144px); box-sizing: border-box; overflow: hidden; + position: relative; .homeCard { width: 100%; padding: 20px; box-sizing: border-box; background: #fff; border-radius: 4px; + flex: 0 auto; .main-card { width: 100%; @@ -364,10 +366,18 @@ } } .pageBtn { - height: 60px; - display: flex; - align-items: center; - justify-content: right; + position: absolute; + width: 100%; + z-index: 99; + bottom: 0; + right: 0; + height: 60px; + border-radius: 0 0 4px 4px; + padding-right: 20px; + background: #fff; + display: flex; + align-items: center; + justify-content: right; .demo-pagination-block + .demo-pagination-block { margin-top: 10px; @@ -378,7 +388,7 @@ } } &:last-of-type { - height: calc(100% - 100px); + flex: 1; } } .el-row { -- Gitblit v1.9.2