shishengliang/log-lottery
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 抽奖增加用户头像显示

Browse Source
This commit is contained in:
hujinbin
2024-11-25 17:10:26 +08:00
parent d7b0fad62f
commit 7aa8fdf234
7 changed files with 76 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/style/style.scss
View File

@@ -4,8 +4,9 @@
user-select: none;
.card-id {
position: absolute;
top: 20px;
top: 10px;
right: 20px;
z-index: 2;
}
.card-name {
@@ -17,6 +18,7 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
z-index: 2;
}
.card-detail {
@@ -24,12 +26,26 @@
left: 0;
right: 0;
bottom: 15px;
z-index: 2;
}
.card-avatar{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
img {
width: 140px !important;
height: auto !important;
object-fit: cover;
}
}
}
.lucky-element-card {
cursor: default;
text-align: center;
&::before {
background-color: linear-gradient(-45deg, #e81cff 0%, #40c9ff 100%);
border: 1px solid linear-gradient(-45deg, #e81cff 0%, #40c9ff 100%);
@@ -39,9 +55,12 @@
position: absolute;
top: 20px;
right: 20px;
z-index: 2;
}
.card-name {
text-align: center;
z-index: 2;
position: absolute;
top: 40px;
left: 0px;
@@ -59,6 +78,22 @@
position: absolute;
left: 0;
right: 0;
text-align: center;
z-index: 2;
bottom: 15px;
}
.card-avatar{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
img {
width: 280px !important;
height: auto !important;
object-fit: cover;
}
}
}