城市选择页列表布局

在码云创建分支city-list

git pull把线上分支拉倒本地

git checkout city-list 切换到分支上

npm run dev

创建List.vue页面，然后在city页面进行注册

当前页面 所有这个边框的颜色我都显示#777这个颜色

当这么写布局时

页面不可以拖动

.button-list
  overflow :hidden
  padding:.1rem .6rem .1rem .1rem

要在github 上寻找better-scroll插件。

在cd到文件夹 输入npm install better-scroll --save

然后npm run dev

在使用时，想自己代码要符合better-scroll的代码格式。

，它可以帮我们获取dom

第一步规范代码 第二步引入，第三步引入生命周期函数，当dom挂载完之后，执行。

侧边栏的制作

新建一个Alphabet.vue网页,然后引入到City.vue,可以让列表项绝对定位且内容居中

flex-direction:column

column的横竖排列

把项目提交到线上

git add .

git commit -m 'finish city css'

git checkout master

git merge city-list

git push