Skip to content

B
bkunyun
Commit 4633ddb2 authored by chenshouchao's avatar chenshouchao
Browse files
Options

feat: 完善批流切换样式

parent cf645074
Show whitespace changes
Inline Side-by-side
Showing with 14 additions and 7 deletions
src/views/ResourceCenter/components/SwitchBatchFolw/index.module.css
View file @ 4633ddb2
...@@ -4,17 +4,21 @@ ...@@ -4,17 +4,21 @@
background-color: rgba(247, 248, 250, 1); background-color: rgba(247, 248, 250, 1);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-end;
} }
.goBackBox { .goBackBox {
box-sizing: border-box; box-sizing: border-box;
height: 110px; height: 120px;
padding: 64px 0 14px 25%; padding: 64px 0 24px;
margin-right: 44px;
line-height: 32px; line-height: 32px;
font-size: 18px; font-size: 18px;
color: #8a9099; color: #8a9099;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
width: calc(82% - 54px);
/* align-self: "end"; */
} }
.goBackIcon { .goBackIcon {
width: 32px; width: 32px;
...@@ -31,33 +35,36 @@ ...@@ -31,33 +35,36 @@
color: #8a9099; color: #8a9099;
} }
.switchBox { .switchBox {
width: 100%;
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: flex-start;
align-items: flex-end; align-items: flex-end;
position: relative; position: relative;
} }
.switchItem { .switchItem {
width: 100%; width: calc(82% - 44px);
position: relative; position: relative;
padding-right: 44px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-end;
margin-bottom: 40px;
padding-right: calc(2% + 34px);
} }
.activeSwitchItem { .activeSwitchItem {
padding-right: 34px; padding-right: 34px;
width: calc(86% - 44px);
} }
.itemImg { .itemImg {
width: 58%; width: 100%;
cursor: pointer; cursor: pointer;
} }
.itemImg:hover { .itemImg:hover {
box-shadow: 0px 8px 20px -6px rgba(3, 47, 105, 0.14); box-shadow: 0px 8px 20px -6px rgba(3, 47, 105, 0.14);
} }
.activeImg { .activeImg {
width: 64%; /* width: 64%; */
box-shadow: 0px 12px 30px -8px rgba(3, 47, 105, 0.18); box-shadow: 0px 12px 30px -8px rgba(3, 47, 105, 0.18);
} }
.activeImg:hover { .activeImg:hover {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment