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';






你可能感兴趣的:(nui-app/小程序/vue移动端flex首页模块化布局思路)