aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

注释渐变色功能和作品广场

Browse Source
This commit is contained in:
X1627315083
2024-05-16 09:41:16 +08:00
parent 4d86e782e6
commit 051b9e4f38
24 changed files with 1561 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/assets/style/style.css
View File

@@ -70,6 +70,44 @@ li {
margin-top: -0.4rem;
border: solid 0.2rem #343579;
}
.cliAdmin_like {
animation: adminLike 0.5s ease-in-out forwards;
transform-origin: center;
}
@keyframes adminLike {
0% {
transform: scale(1);
/*开始为原始大小*/
}
50% {
transform: scale(1.2);
}
}
[adminLike='true'] {
animation: adminLike 0.5s ease-in-out forwards;
transform-origin: center;
}
@keyframes adminLike {
0% {
transform: scale(1);
/*开始为原始大小*/
}
50% {
transform: scale(1.2);
}
}
[adminSix='true'] {
animation: adminSix 0.5s ease-in-out;
transform-origin: 30% center;
}
@keyframes adminSix {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(-20deg);
}
}
.ant-tooltip {
z-index: 2;
}
@@ -255,9 +293,10 @@ li {
z-index: 9999;
}
.delete_like_file_block {
display: none;
opacity: 0;
width: 3rem;
height: 3rem;
cursor: pointer;
background: rgba(0, 0, 0, 0.6);
border-radius: calc(0.4rem*1.2);
position: absolute;
@@ -278,6 +317,14 @@ li {
font-size: calc(1.6rem*1.2);
color: #fff;
}
.delete_like_file_block i,
.delete_like_file_block span {
width: 100%;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}
.delete_like_file_block i {
font-size: calc(1.4rem);
color: #fff;

48
src/assets/style/style.less
View File

@@ -79,6 +79,42 @@ input:focus{
}
}
}
.cliAdmin_like{
animation: adminLike .5s ease-in-out forwards;
transform-origin: center;
@keyframes adminLike{
0% {
transform: scale(1); /*开始为原始大小*/
}
50% {
transform: scale(1.2);
}
}
}
[adminLike='true']{
animation: adminLike .5s ease-in-out forwards;
transform-origin: center;
@keyframes adminLike{
0% {
transform: scale(1); /*开始为原始大小*/
}
50% {
transform: scale(1.2);
}
}
}
[adminSix='true']{
animation: adminSix .5s ease-in-out;
transform-origin: 30% center;
@keyframes adminSix{
0% {
transform: rotate(0deg);
}
50%{
transform: rotate(-20deg);
}
}
}
.ant-tooltip{
// top: 74px !important;
z-index: 2;
@@ -284,9 +320,11 @@ input:focus{
}
//爱心
.delete_like_file_block{
display: none;
// display: none;
opacity: 0;
width: 3rem;
height: 3rem;
cursor: pointer;
background: rgba(0,0,0,0.6);
border-radius: calc(0.4rem*1.2);
position: absolute;
@@ -306,9 +344,17 @@ input:focus{
font-size: calc(1.6rem*1.2);
color: #fff;
}
i,span{
width: 100%;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}
i{
font-size: calc(1.4rem);
color: #fff;
&.fi-rr-heart{
}