Vue+vux imitation Flying Pig app train ticket section (iv)

Each configuration is good, you can start to write static page, don't hurry to write, look at the page and what common parts can be extracted, unified into the Components folder

Header Header folder put some common components of the head, such as the first page of the banner switch package a swiper component, TAB switch encapsulates a tab component, the header of the header encapsulates a Vheader component

Footer Bottom file Add some common components at the bottom of the page, such as the menu on the home page, the filter component of the list pages

Also, note that each new page must be configured in the router index.js, for example, add Index.vue and Train-list.vue two files. The

Import Vuefrom ' vue ' vue-router' @/page/index '@/page/train-list 'default  New  Router ({    mode:// remove #/  routes: [    '/', Name: ' Trainquery ', component:trainquery},    '/trainlist ', Name: ' Trainlist ', component:trainlist}  ]})

If you want to access the Train-list.vue page, add/trainlist directly to the browser and you can access the

Many components in a static page can be easily written using the components already in the Vux, and in addition, some icons are often used in the page, which is introduced into the font-awesome directly in the index.html with <link> tags. Some font-awesome icons are placed in the IMG folder for use

This is the static page that I have roughly completed, and then slowly adjust

Continue to build static pages, static page after the completion of the other, the use of Vux UI framework to improve development efficiency, VUX official website Https://vux.li/#/zh-CN/README, examples of demo are very clear, familiar with the use of fast

Vue+vux imitation Flying Pig app train ticket section (iv)