• ArthurSlog

  • SLog-97

  • 1 Year,

  • Through China,

  • October 16th 2018

Scan the QR code on wechat and follow my official account

  • Personal website: http://www.arthurslog.com

  • CSDN：https://blog.csdn.net/u010997452/article/list/1

  • GitHub：https://github.com/BlessedChild/ArthurSlog

  • NPM：https://www.npmjs.com/~arthurslog

  • The Denver nuggets: https://juejin.cn/user/307518986009559

  • Jane: https://www.jianshu.com/u/b9ebe10f0534

  • segmentfault：https://segmentfault.com/u/arthurslog/articles

Any employment relationship that is not aimed at reducing costs is a form of bullying

Development Environment MacOS(Mojave 10.14 (18A391))

Information sources

  • Refer to major online shopping malls

Start coding

  • The coding of four basic pages is completed this time, which are ‘personal center’, ‘Shopping cart’, ‘All Goods’ and’ Personal Center ‘.

  • Except for the ‘shopping cart’ page, the other three basic pages have bottom navigation

  • The bottom navigation bar of the ‘shopping cart’ is updated to the payment navigation bar

  • A new ‘Back to Home’ TAB is added to the bottom left corner of the ‘Shopping Cart’ page

  • Currently, each page provides the following service functions:

‘Mall Home page’

Top Product search bar Home page Product picture wheel broadcast bar Bulletin bar Activity navigation bar Product recommendation bar Product category Navigation bar Product classification displayCopy the code

‘Shopping cart’

Product selection and display bar (product picture, product introduction, product price, purchased quantity) Product Selection button Total price display bar Settlement button Return home buttonCopy the code

‘Total goods’

Add the commodity display bar (commodity picture, commodity introduction, commodity price) to the shopping cart buttonCopy the code

‘Personal Center’

Balance, points, cards, coupons My order, to be paid, to be received, to be shipped, shipped, completed gender, birthday, harvest address, mobile phone number, wechat binding store home page, promotion center, follow us, store informationCopy the code

  • This completes the business function of the basic page

  • The relevant code has been updated to Github

  • You can directly go to Github to have a look at the source code, and click star to support it. Thank you. (Laughter)

  • The processing of the file structure is a key point that needs to be weighed. In view of the limited time, we will not make major adjustments at present

  • The following are several product interfaces of the current mobile terminal:

  • Project files have been uploaded to Github:https://github.com/BlessedChild/ArthurSlogStore

  • At this point, the realization of four basic interface ‘mall home page’, ‘shopping cart’, ‘all goods’,’ personal center ‘front-end coding.

  • Please follow my wechat account ArthurSlog
Scan the QR code on wechat and follow my official account

  • If you like my article, please like it and leave a comment

  • thank you