Project function demonstration
11 minutes23 secondsProject development preparation
18 minutes58 secondsCreate project and run
12 minutes36 secondsResource preparation
08 minutes55 secondsProject source code directory design
05 minutes20 secondsstylus use
07 minutes28 secondscomponent coding
13 minutes29 secondsIntroduce vue-router
08 minutes38 secondsFooterGuide component
13 minutes11 secondsEach navigation routing component (static)
16 minutes05 secondsHeaderTop component
10 minutes33 secondsUse swiper to implement product classification list carousel
08 minutes43 secondsShopList component (static)
06 minutes23 secondsLogin component (static)
16 minutes58 secondsStart the background application and test the interface
18 minutes40 secondsEncapsulate ajax request function
13 minutes17 secondsEncapsulate interface request function
11 minutes20 secondsUse git for version control of projects
04 minutes52 secondsreview
22 minutes39 secondsConfigure the proxy to implement cross-domain ajax requests
08 minutes09 secondsCreate the overall structure of vuex
08 minutes15 secondsUse vuex to manage homepage data
21 minutes10 secondsAsynchronously display the current address
08 minutes24 secondsDisplay food category carousel list asynchronously
25 minutes34 secondsUse watch and $nextTick to solve carousel bugs
11 minutes04 secondsDisplay merchant list asynchronously
11 minutes16 secondsUse svg to display the loading prompt interface
07 minutes25 secondsStar component
22 minutes44 secondsRegistration and login function demonstration instructions
09 minutes02 secondsLogin interface effect 1_switch login method
07 minutes09 secondsLogin interface effect 2_Mobile phone number check
08 minutes01 secondsLogin interface effect 3_countdown effect
13 minutes00 secondsLogin interface effect 4_switch the display and hiding of passwords
12 minutes35 secondsLogin interface effect 5_front desk expression verification
21 minutes31 secondsreview
22 minutes28 secondsDynamic one-time graphic verification code
09 minutes19 secondsDefine interface request function
08 minutes45 secondsLogin_Send SMS verification code
18 minutes42 secondsLogin_Complete login request
14 minutes46 secondsLogin_Save user information to vuex
06 minutes12 secondsUpdate the personal center interface after logging in
07 minutes00 secondsLogin to update jump route
06 minutes20 secondsAutomatic login
09 minutes28 secondssign out
15 minutes15 secondsBuild the overall merchant interface
18 minutes00 secondsjson understanding
10 minutes14 secondsDesign json data
17 minutes27 secondsUse mockjs to simulate interface data
19 minutes58 secondsajax request mockjs simulated interface
10 minutes25 secondsShopHeader component
38 minutes15 secondsreview
33 minutes42 secondsDisplay goods data asynchronously
23 minutes15 secondsSliding effect analysis
13 minutes34 secondsUse better-scroll to implement rebound sliding
19 minutes19 secondscollectscrollY
15 minutes18 secondsCollect tops
08 minutes49 secondsSlide the list on the right to update the current category
12 minutes16 secondsSolve the bug of inertial sliding not updating the current category
04 minutes46 secondsClick on the category item to slide the list on the right
13 minutes39 secondsCartControl component 1
10 minutes07 secondsCartControl component 2
23 minutes21 secondsFood component 1
15 minutes11 secondsFood component 2
06 minutes59 secondsShopCart component 1
18 minutes51 secondsShopCart Component 2
16 minutes41 secondsShow list of shopping items
05 minutes53 secondsSolve 3 bugs in list display
08 minutes12 secondsreview
25 minutes21 secondsShopping cart animation
08 minutes47 secondsShopping cart list sliding
13 minutes43 secondsClear shopping cart
10 minutes53 secondsShopRatingsComponent1
18 minutes34 secondsShopRatings component 2
32 minutes14 secondsShopInfo component 1
11 minutes16 secondsShopInfo component 2
12 minutes33 secondsShopInfo component 3
09 minutes33 secondsSearch component
28 minutes03 secondsCache route component object
03 minutes37 secondsLazy loading of routing components
13 minutes50 secondsLazy loading of images vue-lazyload
08 minutes28 secondsUse moment to implement date filter
05 minutes09 secondsPacked file analysis and optimization
09 minutes16 seconds