9.6login登录界面设计

Jay_023

已于 2022-09-09 10:27:08 修改

阅读量1.9k

点赞数 1

文章标签：前端 javascript html

于 2022-09-08 09:05:36 首次发布

本文链接：https://blog.csdn.net/m0_53831834/article/details/126717935

版权

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

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

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

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

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

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

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

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

一、设计原型login在photoshop中。

两张：先把输入框贴进去，筛选一个。

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

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

设计logo：参看素材网站，然后Photoshop

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

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

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）、分析文件构成：