|
@@ -14,16 +14,15 @@
|
|
|
width: 300px;
|
|
|
height: 220px;
|
|
|
border-radius: 14px;
|
|
|
- overflow: hidden;
|
|
|
background: linear-gradient(270deg, #DBF1FF 0%, #E7F9FF 100%) !important;
|
|
|
display: inline-flex;
|
|
|
+ transition: all .3s ease-in-out;
|
|
|
|
|
|
// 鼠标经过时样式
|
|
|
&:hover {
|
|
|
- .image {
|
|
|
- transform: scale(1.02);
|
|
|
- transition: all .3s ease-in-out;
|
|
|
- }
|
|
|
+ transform: scale(1.01);
|
|
|
+ transition: all .3s ease-in-out;
|
|
|
+
|
|
|
|
|
|
.addBtn {
|
|
|
display: block;
|
|
@@ -41,6 +40,8 @@
|
|
|
width: 100%;
|
|
|
height: 170px;
|
|
|
background-color: #fff;
|
|
|
+ border-radius: 14px 14px 0 0;
|
|
|
+ overflow: hidden;
|
|
|
|
|
|
img {
|
|
|
height: fit-content;
|
|
@@ -48,10 +49,6 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .image {
|
|
|
- transition: all .3s ease-in-out;
|
|
|
- }
|
|
|
-
|
|
|
|
|
|
:global {
|
|
|
.n-card__footer {
|