FINI/fini-ui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
zzy
2023-04-18 10:09:32 +08:00
parent 21c1ea7551
commit f5a85c78bd
6 changed files with 166 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/login/index.vue
+111 -60
View File
@@ -490,6 +490,25 @@ const showMounth = (date: any) => {
// .el-calendar{
// font-family: "Calibri"
// }
// @media screen and (max-width: 768px){
// .left{
// width: 100vw;
// * {
// margin: 0;
// padding: 0;
// }
// }
// .header{
// height: 60rem;
// }
// .menuicon{
// display: block;
// margin-left: 5rem;
// width: 25rem;
// height: 20rem;
// }
// }
.login2 {
background-image: url("@/assets/1x/beijingtu.png");
background-repeat: no-repeat;
@@ -500,31 +519,22 @@ const showMounth = (date: any) => {
.box {
display: flex;
justify-content: space-between;
// background-image: url("@/assets/1x/beijingtu.png");
background-repeat: no-repeat;
background-size: cover;
position: relative;
//height: 100%;
// font-family: "Calibri";
// width: 100%;
// background-color: gray;
}
.left {
width: 70%;
// @media screen and (max-width: 768px) {
// width: 100vw;
// height: 100vh;
// float: left;
// background-color: red;
@media screen and (max-width: 768px) {
width: 100vw;
* {
margin: 0;
padding: 0;
}
}
// * {
// margin: 0;
// padding: 0;
// }
// }
.header {
display: flex;
@@ -532,47 +542,48 @@ const showMounth = (date: any) => {
// padding-left: 35px;
height: 80px;
@media screen and (max-width: 768px) {
height: 60rem;
// background-color: red;
}
// @media screen and (max-width: 768px) {
// height: 60rem;
// // background-color: red;
// }
.menuicon {
display: none;
@media screen and (max-width: 768px) {
display: block;
margin-left: 5rem;
}
// @media screen and (max-width: 768px) {
// display: block;
// margin-left: 5rem;
// width: 25rem;
// height: 20rem;
// }
}
.menu {
@media screen and (max-width: 768px) {
img {
width: 25rem;
height: 20rem;
// .menu {
// @media screen and (max-width: 768px) {
// img {
// width: 25rem;
// height: 20rem;
}
// }
}
}
// }
// }
.inline-input w-50 {
width: 200px;
height: 50px;
// .inline-input w-50 {
// width: 200px;
// height: 50px;
@media screen and (max-width: 768px) {
display: none;
// @media screen and (max-width: 768px) {
// display: none;
:deep(.imgSearch123) {
width: 10rem;
height: 10rem;
}
}
// :deep(.imgSearch123) {
// width: 10rem;
// height: 10rem;
// }
// }
}
// }
.my-autocomplete li {
line-height: normal;
@@ -619,9 +630,9 @@ const showMounth = (date: any) => {
position: relative;
@media screen and (max-width: 768px) {
display: none;
}
// @media screen and (max-width: 768px) {
// display: none;
// }
.alert {
position: absolute;
@@ -646,12 +657,12 @@ const showMounth = (date: any) => {
transform: scale(1.2);
}
@media screen and (max-width: 768px) {
width: 24rem;
height: 28rem;
margin-top: 6rem;
margin-left: 10rem;
}
// @media screen and (max-width: 768px) {
// width: 24rem;
// height: 28rem;
// margin-top: 6rem;
// margin-left: 10rem;
// }
}
.second {
@@ -787,14 +798,14 @@ const showMounth = (date: any) => {
}
:deep(.header .el-input__wrapper) {
@media screen and (max-width: 768px) {
// margin-left: 13vw;
// height: 5vh;
// background-color: #000000;
}
// :deep(.header .el-input__wrapper) {
// @media screen and (max-width: 768px) {
// // margin-left: 13vw;
// // height: 5vh;
// // background-color: #000000;
// }
}
// }
:deep(.el-calendar-table td) {
border: none;
@@ -852,6 +863,46 @@ const showMounth = (date: any) => {
:deep(.is-selected) {
color: red;
}
@media screen and (max-width: 768px){
.left{
width: 100vw;
* {
margin: 0;
padding: 0;
}
.header{
height: 60rem;
.menuicon{
display: block ;
margin-left: 5rem;
width: 25rem;
height: 20rem;
}
.menu{
img {
width: 25rem;
height: 20rem;
}
}
.dropdown1{
display: none;
}
.first{
width: 24rem;
height: 28rem;
margin-top: 6rem;
margin-left: 10rem;
}
}
}
}
</style>
<style>
.header .el-input__wrapper {