vue 一个简单的项目 之二 城市选择页面 step3

上篇,我们完成了城市选择页面顶部的布局。本篇,我们来实现城市选择页面的列表布局。

首先创建一个分支 city-list, pull 下来,在新分支上写代码。

好啦。打开编辑器,在city/components 中创建组件List.vue

初始化一下,List.vue 代码 如下。






在City.vue 中,引入,如下。






最终,List.vue 如下。问题,里面不能拖拽滚动,下篇将解决。






Done.

你可能感兴趣的:(vue,项目案例)