9.6login登录界面设计

 js的基础要掌握,ES5和6.

JS基础详细汇总((入门级))_前端.木子李的博客-CSDN博客_js基础

el-table表头加入筛选功能_Monop的博客-CSDN博客_el-table 筛选

搜索按钮 :总结表头实现筛选,主要是值的传递接受,前端传过去的参数要被后端接受

导入或者还原数据库。在还原数据库里面修改两次地址。然后就可以了

9.6login登录界面设计_第1张图片

生成发布一次webapi,在顶部选项里面发布。

 .net文件的意义:什么是.Net?_Sx_Oracle的博客-CSDN博客_.net是干嘛的

vue前端用vscode打开。分清两个文件的之间区别和打开方式以及作用。

一、设计原型login在photoshop中。

两张:先把输入框贴进去,筛选一个。

在网站中找取素材,摄图网站。每天可以免费领取一次。

搞清楚里面的div的包含嵌套关系,找到相应的层级进行修改。

设计logo:参看素材网站,然后Photoshop

做事就谁安排的向谁询问,就听一个人的。

1、ps内置图像。字体的混合效果,

9.6login登录界面设计_第2张图片

 2、ps输入框加圆角的事情:vue 圆角输入框_纸鹤的学习日记的博客-CSDN博客_vue 圆角

关键代码:

.search-left{
    text-indent: 20px;
     width:80%;
    height:50px;
    border:rgb(137, 233, 217) 1px solid;
    // float:left;
    margin-top:20px;
    border-bottom-left-radius:25px;
    border-top-left-radius:25px;
    outline:none;
    // text-align:20px ;
}
.search-right{
    width:19%;
    height:50px;
    background:rgb(137, 233, 217);
    color: #fff;
    border:none;
    margin-top:20px;
    border-bottom-right-radius:25px;
    border-top-right-radius:25px;
    outline:none;
}

1、设计过程中的问题:设计好界面之后需要把屏幕调到100%的显示,不然可能会出现电脑显示不下来会有滚动条的样式。

2、win+shift+s直接快捷键截屏不用登陆QQ或者微信

3、研究代码大致的位置15.40-17.30

(1)、分析文件构成:9.6login登录界面设计_第3张图片

config :可选的配置文件=webpack 打包工具vue config.js详解——vue config.js到底是什么,有什么作用?_宇宙☆空间站的博客-CSDN博客_vue.config.js

 (2)在css里面的响应式布局@media screen直接跟在某个.样式的后面

也可有理解为页面自适应客户端=移动端@media screen 响应式布局 - 王、小墨 - 博客园

利用@media screen实现页面自适应 - 掘金

(3)