在码云创建分支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