从0开始写一个问卷调查APP的第四天

1.回顾

昨天我们把所有需要的前提环境都已经配置好了今天让我们先来写一个登录注册功能的实现吧!

2.今日任务

完成第一个页面

2.1前端页面的编写

这里我们不需要考虑太多，由于是一个练手项目，那么我们就只需要关注一下基本需要的信息，

在登录页面之前的页面一般只有一个简单的点击进入登录页面的操作。

2.2代码部分

注意：

(1).index是默认创建项目时自动生成的可以删掉也可以先不用考虑，这里我直接把index.vue页面当作第一个页面

(2).值得注意的是这里有一个排版的问题就是如果让文字处于图片的上方这个。大家可以好好看一下我是运行了定位的方法。如有别的见解可以在下面评论一下。

这里的scss就是uni-app区别于普通html的一个部分，当你用scss模式进行样式的修改，就比较符合逻辑，一般的HTML中如果你想访问到一个标签时，要在这个标签前面添加父类的class，有几个子标签，就要在这个子标签后面写几个的父类class，这样就比较麻烦，用了这个后，就可以直接包含方式进行访问，这个父标签下的所有子标签都可以直接在父标签样式的大括号内。这一点大家可以好好感悟。

(3).在你创建好项目时候我们会发现每个页面是默认带个最上面的头部的，但是实际情况中有时候是没有顶部的文字部分，所以我们要进行一下操作

2.3效果图

这是运行在谷歌里面的效果，手机模式，其实也就是一个简单的排版。

今天就是一个简单的入门，没什么难的，等明天开始一边修改数据库一边写接口一边进行前端代码的编写。