github/go-view
github/go-view
3
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-02-24 16:22:57 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge branch 'dev' into dev-commet

Browse Source
This commit is contained in:
tnt group 2022-11-29 17:03:05 +08:00
commit c1d98b03a9
1 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/chart/ContentCharts/components/ChartsItemBox/index.vue
View File

@ -21,7 +21,7 @@
<n-ellipsis>{{ item.title }}</n-ellipsis> <n-ellipsis>{{ item.title }}</n-ellipsis>
</n-text> </n-text>
</div> </div>
<div class="list-center go-flex-center"> <div class="list-center go-flex-center go-transition">
<img class="list-img" v-lazy="item.image" alt="图表图片" /> <img class="list-img" v-lazy="item.image" alt="图表图片" />
</div> </div>
<div class="list-bottom"> <div class="list-bottom">
@ -175,18 +175,6 @@ $halfCenterHeight: 50px;
} }
} }
} }
/* 缩小展示 */
@keyframes miniAnimation {
from {
width: $itemWidth * 2;
}
to {
width: $itemWidth;
}
}
&.miniAnimation {
animation: miniAnimation 0.5s;
}
&.single { &.single {
.item-box { .item-box {
@extend .go-transition; @extend .go-transition;
@ -212,11 +200,24 @@ $halfCenterHeight: 50px;
.list-img { .list-img {
height: $halfCenterHeight; height: $halfCenterHeight;
width: auto; width: auto;
transition: all 0.2s;
} }
} }
.list-bottom { .list-bottom {
display: block; display: block;
} }
} }
/* 缩小展示 */
@keyframes miniAnimation {
from {
width: $itemWidth * 2;
}
to {
width: $itemWidth;
}
}
&.miniAnimation {
animation: miniAnimation 0.5s;
}
} }
</style> </style>