You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
157 lines
2.8 KiB
157 lines
2.8 KiB
.block { |
|
padding: 118px 0; |
|
.b-title { |
|
position: relative; |
|
margin-bottom: 50px; |
|
font-size: 50px; |
|
line-height: 59px; |
|
text-align: center; |
|
color: #1F1F1F; |
|
&:after { |
|
content: ''; |
|
position: absolute; |
|
top: 70px; |
|
left: 50%; |
|
width: 136px; |
|
height: 4px; |
|
transform: translateX(-50%); |
|
background: #1583FF; |
|
} |
|
} |
|
.intro { |
|
margin-bottom: 80px; |
|
font-size: 30px; |
|
text-align: center; |
|
color: #5B5B5E; |
|
line-height: 40px; |
|
} |
|
} |
|
.inner { |
|
width: 1400px; |
|
margin: 0 auto; |
|
&.lg { |
|
width: 1505px; |
|
} |
|
} |
|
.gray { |
|
background-color: #F2F6F8; |
|
} |
|
|
|
.actions { |
|
margin-bottom: 20px; |
|
text-align: right; |
|
} |
|
.c-wrap { |
|
position: relative; |
|
} |
|
.cover { |
|
z-index: 2; |
|
position: absolute; |
|
top: 0; |
|
right: 0; |
|
bottom: 0; |
|
left: 0; |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
color: #fff; |
|
background-color: rgba(0, 0, 0, .5); |
|
cursor: pointer; |
|
&:hover { |
|
background-color: rgba(0, 0, 0, .7); |
|
} |
|
} |
|
/deep/.module { |
|
.el-table.module-table td { |
|
.cell { |
|
padding-top: 10px; |
|
} |
|
.link-wrap { |
|
display: flex; |
|
justify-content: space-between; |
|
align-items: center; |
|
} |
|
.set-link { |
|
margin-left: 10px; |
|
} |
|
.del { |
|
margin-left: 5px; |
|
font-size: 18px; |
|
color: #333; |
|
cursor: pointer; |
|
} |
|
} |
|
.plus { |
|
margin-top: 10px; |
|
font-size: 20px; |
|
text-align: center; |
|
color: $main-color; |
|
cursor: pointer; |
|
} |
|
} |
|
$avatar-width: 140px; |
|
$avatar-height: 80px; |
|
/deep/.upload-pic, /deep/.upload-none { |
|
width: $avatar-width; |
|
height: $avatar-height; |
|
margin-bottom: 10px; |
|
} |
|
/deep/.upload-none { |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
background-color: rgba(0, 0, 0, 0.04); |
|
i { |
|
font-size: 20px; |
|
color: #8c939d; |
|
} |
|
} |
|
/deep/ .uploader { |
|
.el-upload { |
|
position: relative; |
|
width: $avatar-width; |
|
border: 1px dashed #d9d9d9; |
|
border-radius: 2px; |
|
cursor: pointer; |
|
overflow: hidden; |
|
&:hover { |
|
border-color: #409EFF; |
|
} |
|
.uploader-default { |
|
display: flex; |
|
flex-direction: column; |
|
justify-content: center; |
|
width: $avatar-width !important; |
|
height: $avatar-height; |
|
text-align: center; |
|
background: rgba(0, 0, 0, 0.04); |
|
i { |
|
font-size: 20px; |
|
font-weight: bold; |
|
color: #8c939d; |
|
} |
|
p { |
|
margin-top: 10px; |
|
font-size: 14px; |
|
color: rgba(0, 0, 0, 0.65); |
|
line-height: 1; |
|
} |
|
} |
|
.avatar { |
|
display: block; |
|
width: $avatar-width; |
|
height: $avatar-height; |
|
} |
|
} |
|
.el-upload__tip { |
|
margin-top: 0; |
|
p { |
|
font-size: 14px; |
|
color: rgba(0, 0, 0, 0.45); |
|
line-height: 1; |
|
&:first-child { |
|
margin-bottom: 5px; |
|
} |
|
} |
|
} |
|
} |