nui-app/小程序/vue移动端flex首页模块化布局思路

首先说明：首页只负责布局，局部样式功能全部放在子组件，做到真正的模块化。分别引入子组件到首页，相应位置即可。子组件的数据可以通过首页执行ajax请求服务器，数据发送给子组件即可。

shouye.jpg

主页面-首页

保存文件路径 pages/index/index.vue

子组件1：大屏广告

列表页文件路径位置 import bigAd from '../../components/template/swiper/big-ad.vue';

子组件2-列表页

列表页文件路径位置 import productList from '../../components/template/product/list.vue';

子组件三：底部导航

文件路径位置 import productList from '../../components/template/nav/bottom.vue';