修改头部动画显示

v1.1.0
于肖磊 2024-10-31 13:51:42 +08:00
parent 54373e8122
commit ce4840aaaf
3 changed files with 5 additions and 4 deletions

View File

@ -177,6 +177,7 @@ const gap_height = computed(() => 20 / 3 + 'px');
}
.identifying .num {
font-size: 0.9rem;
line-height: 0.9rem;
}
.price-suspension {

View File

@ -280,7 +280,7 @@ watch(props.value.content, (val) => {
//
data_style.goods_title_style = goods_trends_config(item.data_style, 'title');
data_style.goods_price_style = goods_trends_config(item.data_style, 'price');
data_style.goods_price_style = goods_trends_config(item.data_style, 'price') + `line-height: ${ item.data_style.goods_price_size }px;`;
const { is_roll, rotation_direction, interval_time } = data_style;
const { goods_list, images_list } = data_content;

View File

@ -17,8 +17,8 @@
<template v-if="new_style.up_slide_logo && new_style.up_slide_logo.length > 0">
<!-- 有上滑logo的处理逻辑 -->
<div class="logo-outer-style re">
<img class="logo-style" :style="up_slide_old_logo_style + 'width:' + ((props.scollTop - 5) / 90 < 1 ? 100 + '%;' : 0)" :src="form.logo[0].url" />
<img :class="['logo-style', {'abs left-0': (props.scollTop - 5) / 90 <= 1 }]" :style="'opacity:0;' + up_slide_opacity" :src="new_style.up_slide_logo[0].url" />
<img class="logo-style" :style="up_slide_old_logo_style + 'max-width:' + ((props.scollTop - 5) / 90 < 1 ? 100 + '%;' : 0)" :src="form.logo[0].url" />
<img :class="['logo-style left-0', {'abs': (props.scollTop - 5) / 90 < 1 }]" :style="'opacity:0;' + up_slide_opacity" :src="new_style.up_slide_logo[0].url" />
</div>
</template>
<template v-else>
@ -246,7 +246,7 @@ const position_class = computed(() => (form.value?.indicator_location == 'center
.logo-style {
max-height: 2.8rem;
max-width: 100%;
transition: all 0.3s;
// transition: all 0.3s;
:deep(.image-slot) {
height: 2.8rem;
width: 2.8rem;