diff --git a/front/src/views/capacitySquare/components/algorithm.vue b/front/src/views/capacitySquare/components/algorithm.vue index 40afa3c8..77ffb53f 100644 --- a/front/src/views/capacitySquare/components/algorithm.vue +++ b/front/src/views/capacitySquare/components/algorithm.vue @@ -111,14 +111,14 @@ height: 2.75rem; width: 5.25rem; background: url('~@/assets/capacitySquare/algorithm-bg.png') no-repeat; - background-size: 100%; - margin-bottom: 0.3rem; + background-size: 100% 100%; + margin-bottom: 0.4rem; margin-right: 0.65rem; position: relative; :deep(.ant-image) { img { margin-top: 0.15rem; - height: 2.6rem; + height: 2.45rem; width: 5.05rem; margin-left: 0.1rem; } @@ -138,7 +138,7 @@ color: #ffffff; font-size: 0.22rem; font-family: alibaba; - bottom: 0; + bottom: 0.15rem; padding-left: 0.22rem; background: url('~@/assets/capacitySquare/algorithm-title-bg.png') no-repeat; diff --git a/front/src/views/capacitySquare/components/layer.vue b/front/src/views/capacitySquare/components/layer.vue index 96fab8c8..72feebc6 100644 --- a/front/src/views/capacitySquare/components/layer.vue +++ b/front/src/views/capacitySquare/components/layer.vue @@ -111,14 +111,14 @@ height: 2.75rem; width: 5.23rem; background: url('~@/assets/capacitySquare/algorithm-bg.png') no-repeat; - background-size: 100%; - margin-bottom: 0.3rem; + background-size: 100% 100%; + margin-bottom: 0.4rem; margin-right: 0.65rem; position: relative; :deep(.ant-image) { img { margin-top: 0.15rem; - height: 2.6rem; + height: 2.45rem; width: 5.05rem; margin-left: 0.1rem; } @@ -138,7 +138,7 @@ color: #ffffff; font-size: 0.22rem; font-family: alibaba; - bottom: 0; + bottom: 0.15rem; padding-left: 0.22rem; background: url('~@/assets/capacitySquare/algorithm-title-bg.png') no-repeat;