组合搭配添加动画
parent
38faaa3515
commit
3d11c9abe2
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue