-
web前端开发之后台管理系统实战(vue)——实验二、实现登录页面
实验二、实现登录页面 【实验内容】 本实验主要是完成管理系统登录页面部分。 【实验目的】 1、学习如何分析页面布局; 2、了解在项目中如何使用iconfont图标库; 3、掌握修改input默认样式的方法; 4、掌握vue项目中页面间的跳转。 【实验步骤】 步骤1 分析页面目标元素布局; 步骤2 编写html部分代码完成页面布局; 步骤2 编写css代码美化样式; 步骤3 编写javascript代码完成登录逻辑。 步骤1 分析页面目标元素布局 如下图: 首先是一个大的登陆框,位于整个页面中心…