The basic structure of Baidu Takeout
The role of em&rem
Use rem to adapt to multiple devices
js dynamically modify the fontSize of html
Baidu takeout scss js calculation rem
Baidu Takeaway_Home Page Layout
Second page layout
sass syntax supplement
Add sass function mix-in to improve development efficiency
swiper prep & color
top title
Page 1_Carousel Page 1 Layout
Page 1_Carousel Page 1 File Layout
Page 1_Carousel Page 2 Page Layout
Page 2_Layout effect
Page 3_Layout
Page 4_Layout
Page 5_Layout
Page 6_Layout
Page 7_Layout
Home page animation effect
Home page animation finished switching
Welcome page animation effect implementation
Implementation of animation on the second page of takeaway
Takeaway title area animation
First rotate in
Rotation animation analysis & shaking animation
Home page animation completed
Page 2 animation
Disable open slide
Page 3t brand animation
Page 3t brand brand animation
Page 3 restore style&4 animation&5 animation
Page 6 Gift Animation
Page 6 gift animation processing
Page 6 gift animation sass loop syntax
Play audio
Basic use of animate.css
Baidu Takeout
This chapter uses HTML5 to take you through the handwriting development of the front-end production of Baidu’s takeaway mobile site.