当前位置:网站首页>Uniapp settings page Jump effect - navigateto switching effect - Global animationtype animation
Uniapp settings page Jump effect - navigateto switching effect - Global animationtype animation
2022-06-11 14:30:00 【Rudon coastal fishing village】
effect
before : Click the jump , The page slides from the right side of the screen to the screen
Now? : Sure Custom page Jump effect , for example
1)pop-in/pop-out The new form enters from the left , And the old window is squeezed out
2)fade-in/fade-out The new form displays gradually from transparent to opaque
3) slide-in-bottom/slide-out-bottom The new form enters from the bottom
The official manual + Different effect configuration parameters
| Show animation | Turn off animation | Show animation description ( Turning off animation is the opposite ) |
|---|---|---|
| slide-in-right | slide-out-right | The new form enters from the right |
| slide-in-left | slide-out-left | The new form enters from the left |
| slide-in-top | slide-out-top | The new form enters from the top |
| slide-in-bottom | slide-out-bottom | The new form enters from the bottom |
| pop-in | pop-out | The new form enters from the left , And the old window is squeezed out |
| fade-in | fade-out | The new form displays gradually from transparent to opaque |
| zoom-out | zoom-in | The new form zooms from small to large |
| zoom-fade-out | zoom-fade-in | The new form enlarges gradually from small to large and displays gradually from transparent to opaque |
| none | none | No animation |
Implementation code
Method 1: The global settings window displays 、 Turn off animation
modify /pages.json
stay "globalStyle"."app-plus" in , add to :
"animationType": "fade-in",
"animationDuration": 50

Method 2: Single page setup
modify /pages.json
stay "pages" On one of the pages of , add to :
"animationType": "fade-in",
"animationDuration": 50

Method 3: A jump effect of a single page
stay /pages/xx/xx.vue in ,

recommend
Baidu home page without advertising baidu.rudon.cn
cover

边栏推荐
- Anaconda delete virtual environment
- Methods and benefits of creating indexes for MySQL databases
- 使用cpolar远程办公(1)
- In depth research and analysis report on global and Chinese high purity molybdenum market
- How to quickly make the title and ending with one click?
- 强大的全文本搜索工具——AnyTXT Searcher
- HMS core shows the latest open capabilities in mwc2022, helping developers build high-quality applications
- 你违规了吗?
- SQL must know and know
- 【clickhouse专栏】新建库角色用户初始化
猜你喜欢

Live800: several ways for intelligent customer service to improve customer experience

111. minimum depth of binary tree

What's a good gift for the goddess Festival on March 8? Goddess Day gift sharing

My struggle: my years in foreign enterprises (1)

Leetcode 1962. 移除石子使总数最小(应该是向上取整)

Container -- reverse content -- use of explosion, splicing, and inversion functions

Online "comment explicit" function, TME's wave point music cultivates music "private plots"
![[Clickhouse] the clckhouse view can be inserted but not queried](/img/72/717d70af49be2b1dc2331fe603d106.jpg)
[Clickhouse] the clckhouse view can be inserted but not queried

Summary of some classic embedded C interview questions

树莓派知识大扫盲
随机推荐
What's a good gift for the goddess Festival on March 8? Goddess Day gift sharing
2022 Hunan Provincial Safety officer-c certificate examination practice questions and online simulation examination
Leetcode 1963. 使字符串平衡的最小交换次数(学习)
MySQL create table error 1067 - invalid default value for 'update_ time‘
Anaconda delete virtual environment
C # - how to add and read appsetting in the console application JSON file
.NET C#基础(6):命名空间 - 有名字的作用域
Extracting storage is the best memory method
My struggle: my years in foreign enterprises (II)
couldn‘t upgrade db schema: insert into ACT_GE_PROPERTY values (‘common.sche[已解决]
IC fresh Chinese cabbage price of 400000 yuan! Experienced experts who have worked for many years guide you how to choose an offer!
Which exchange is PTA futures on? How can PTA futures be safe?
[issue 268] accidentally submit the test code to the production environment. I will teach you six ways to solve it in seconds!
Cartoon: interesting "cake cutting" problem
HR doesn't want to read such a PDF technical resume at all. How can it be in the hands of the interviewer?
CVPR 2022 | 神经辐射场几何编辑方法NeRF-Editing
My struggle: my years in foreign enterprises (1)
Redis uses 10 tips, please accept!
Ali, tell me about the application scenarios of message oriented middleware?
Invalid bound statement (not found) error [resolved]
https://uniapp.dcloud.io/api/router.html#animation