在基于Layui进行移动端定制开发的时候,有一个收货地址模块需要设计,参考众多,选择了京东的地址选择器基于Layui进行仿照。由于数据统一采用服务器维护,所以数据这里不详细介绍。实现看下我们需要实现的效果
效果图
结构图
看到这里使用过Layui的同学应该知道怎么做了。下面那层可以采用Layui渲染模板,也可以采用html动态插入,这里选择的是动态插入,接下来的就可以自己去想。我提供的只是一种方案。
Tab选项卡
/*如果使用Layui的话,使用前记得先引入element模块。头部选项卡*/
&