style: 全局应用方案二,将页面淡入渐变动画推广到所有核心 TabBar 页面
parent
bb2502997c
commit
e1082141d0
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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模式 -->
|
||||
|
|
|
|||
|
|
@ -742,16 +742,3 @@
|
|||
background: #333333;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.page-fade-in {
|
||||
animation: pageFadeIn 0.25s ease-out forwards;
|
||||
}
|
||||
@keyframes pageFadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<view :class="theme_view">
|
||||
<view :class="theme_view + ' page-fade-in'">
|
||||
<!-- 顶部内容 -->
|
||||
<view class="top-content">
|
||||
<!-- 内容 -->
|
||||
|
|
|
|||
Loading…
Reference in New Issue