修改头部动画显示
parent
54373e8122
commit
ce4840aaaf
|
|
@ -177,6 +177,7 @@ const gap_height = computed(() => 20 / 3 + 'px');
|
|||
}
|
||||
.identifying .num {
|
||||
font-size: 0.9rem;
|
||||
line-height: 0.9rem;
|
||||
}
|
||||
|
||||
.price-suspension {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in New Issue