A1300399510/PC-mj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改讨论加图片

Browse Source
This commit is contained in:
A1300399510
2025-02-10 19:03:44 +08:00
parent abdd1780c9
commit 34301769bb
12 changed files with 3864 additions and 1663 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1569
assets/css/details.css Normal file
View File

File diff suppressed because it is too large Load Diff

1860
assets/css/details.less Normal file
View File

File diff suppressed because it is too large Load Diff

42
assets/css/detailsPop.css Normal file
View File

@@ -0,0 +1,42 @@
.respond-list-box {
width: 470px;
}
.respond-list-box .respond-list-title {
font-size: 14px;
line-height: 22px;
color: #333333;
padding-top: 16px;
padding-left: 20px;
padding-bottom: 25px;
}
.respond-list-box .respond-list {
display: flex;
flex-wrap: wrap;
display: grid;
grid-template-columns: repeat(10, 1fr);
}
.respond-list-box .respond-list .respond-item {
font-size: 20px;
font-family: "emojifont";
text-align: center;
margin-bottom: 20px;
}
.respond-list-box .respond-list .respond-item .respond-item-key {
cursor: pointer;
font-family: "emojifont";
position: relative;
z-index: 1;
}
.respond-list-box .respond-list .respond-item .respond-item-key:hover::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 35px;
height: 35px;
background-color: #eee;
border-radius: 4px;
z-index: -1;
}

48
assets/css/detailsPop.less Normal file
View File

@@ -0,0 +1,48 @@
.respond-list-box {
width: 470px;
.respond-list-title {
font-size: 14px;
line-height: 22px;
color: #333333;
padding-top: 16px;
padding-left: 20px;
padding-bottom: 25px;
}
.respond-list {
display: flex;
flex-wrap: wrap;
display: grid;
grid-template-columns: repeat(10, 1fr);
.respond-item {
font-size: 20px;
font-family: "emojifont";
text-align: center;
margin-bottom: 20px;
.respond-item-key {
cursor: pointer;
font-family: "emojifont";
position: relative;
z-index: 1;
&:hover {
&::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 35px;
height: 35px;
background-color: #eee;
border-radius: 4px;
z-index: -1;
}
}
}
}
}
}