组合搭配添加动画

v1.3.0
于肖磊 2025-03-13 18:40:50 +08:00
parent 38faaa3515
commit 3d11c9abe2
2 changed files with 17 additions and 3 deletions

View File

@ -113,7 +113,7 @@
<el-form-item label="首页显示">
<div class="flex-row align-c gap-10">
<el-switch v-model="form.is_home_show" active-value="1" inactive-value="0" />
<tooltip content="开启仅读取开启首页显示的数据,显示全部"></tooltip>
<tooltip content="开启仅读取开启首页显示的数据,则全部"></tooltip>
</div>
</el-form-item>
</div>

View File

@ -28,7 +28,7 @@
<span :style="trends_config('price', 'data')">{{ match_item.estimate_price }}</span>
</div>
<div class="flex-row align-c gap-3">
<img-or-icon-or-text :value="props.value" type="data_discounts" />
<img-or-icon-or-text class="discount-icon" style="background-size: 400%;" :value="props.value" type="data_discounts" />
<div>
<span :style="trends_config('save_price_symbol', 'data')"></span>
<span :style="trends_config('save_price', 'data')">{{ match_item.estimate_discount_price || 0 }}</span>
@ -53,7 +53,7 @@
<span :style="trends_config('price', 'data')">{{ match_item.estimate_price }}</span>
</div>
<div class="flex-row align-c gap-3">
<img-or-icon-or-text :value="props.value" type="data_discounts" />
<img-or-icon-or-text class="discount-icon" style="background-size: 400%;" :value="props.value" type="data_discounts" />
<div>
<span :style="trends_config('save_price_symbol', 'data')"></span>
<span :style="trends_config('save_price', 'data')">{{ match_item.estimate_discount_price || 0 }}</span>
@ -519,4 +519,18 @@ watchEffect(() => {
width: 100%;
height: 100%;
}
.discount-icon {
animation: gradient 5s ease infinite;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
</style>