style: 全局应用方案二,将页面淡入渐变动画推广到所有核心 TabBar 页面

master
Council 2026-06-27 21:47:24 +08:00
parent bb2502997c
commit e1082141d0
7 changed files with 28 additions and 31 deletions

View File

@ -707,4 +707,26 @@
transform: scale3d(1, 1, 1);
}
}
/* 页面淡入渐变动画 */
.page-fade-in {
-webkit-animation: pageFadeIn 0.25s ease-out forwards;
animation: pageFadeIn 0.25s ease-out forwards;
}
@keyframes pageFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes pageFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

View File

@ -1,5 +1,5 @@
<template>
<view :class="theme_view">
<view :class="theme_view + ' page-fade-in'">
<!-- 购物车 -->
<component-cart ref="cart" :propCartNavBottomValue="footer_height_value"></component-cart>

View File

@ -1,5 +1,5 @@
<template>
<view :class="theme_view">
<view :class="theme_view + ' page-fade-in'">
<view :class="popup_status ? 'fixed-top' : ''">
<view class="pr" :class="is_single_page == 1 ? 'margin-top-xxxl single-page-top' : ''">
<block v-if="category_list.length > 0">

View File

@ -153,16 +153,4 @@
font-size: 28rpx;
line-height: 40rpx;
min-height: 80rpx;
}
.page-fade-in {
animation: pageFadeIn 0.25s ease-out forwards;
}
@keyframes pageFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
}

View File

@ -1,5 +1,5 @@
<template>
<view :class="theme_view">
<view :class="theme_view + ' page-fade-in'">
<block v-if="page_load_status == 1">
<view :class="(plugins_mourning_data_is_app ? ' grayscale' : '') + (is_single_page == 1 ? ' single-page-top' : '')">
<!-- diy模式 -->

View File

@ -742,16 +742,3 @@
background: #333333;
}
.page-fade-in {
animation: pageFadeIn 0.25s ease-out forwards;
}
@keyframes pageFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

View File

@ -1,5 +1,5 @@
<template>
<view :class="theme_view">
<view :class="theme_view + ' page-fade-in'">
<!-- 顶部内容 -->
<view class="top-content">
<!-- 内容 -->