准备项目(forms)

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

这个课程我们会练习使用表单元素,先准备一个空白的项目,可以使用在前面的课程我们准备好的这个项目,下面可以清理一下。

项目里只有一个组件,就是这个 app 组件,先清理一下,去掉模板里不需要的东西,再去掉组件里的这两个数据。打开这个组件用的 app.css 样式表,删除掉里面的样式。然后简单的在这里设置一下表单元素的样式。 input 方括号 type=text ,逗号分隔开,textarea, 还有 select ,设置一下这几种元素的样式。

padding 是 4px 8px,margin 是 8px 0 ,margin-right 设置成 8px,font-size 是 16 像素。

下面再设置一下 label 元素的样式,margin-left 设置成 4px。

打开编辑器的源代码管理,选中所有的修改 ,然后做一次提交,提交日志设置成 清理。

下面可以基于当前分支创建一个新的分支,打开命令面板,搜索 branch,执行 create branch ,分支的名字设置成 forms 。

回到终端,新建一个终端标签,在项目所在目录的下面,执行 git branch,显示当前分支是 forms 这个分支。我再把之前创建的这个 essentials 分支推送到项目的 origin 这个远程仓库里。

再把新创建的这个 forms 分支也推送到 origin 这个远程。到时候你可以找到这个项目的远程仓库,观察在这些分支上做的每一次提交。

准备项目(forms)《 Vue.js 前端应用 #3:表单元素 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点