mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-11-18 00:23:50 +08:00
Merged 0 version
This commit is contained in:
@@ -205,8 +205,8 @@ img, picture {
|
||||
color: #666666;
|
||||
}
|
||||
.tuntop{
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
width: 1.25rem;
|
||||
height: auto;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
|
||||
opacity: 1;
|
||||
|
||||
270
rc-busness/assets/css/login.less
Normal file
270
rc-busness/assets/css/login.less
Normal file
@@ -0,0 +1,270 @@
|
||||
// 手机端
|
||||
@media screen and(min-width: 320px) and(max-width:768px) {
|
||||
.van-field-one{
|
||||
width: 335px;
|
||||
background: #F6F6F6;
|
||||
border-radius: 4px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.van-field-two{
|
||||
margin: 0 auto;
|
||||
width: 335px;
|
||||
height: 48px;
|
||||
background: #F6F6F6;
|
||||
margin: 0 auto;
|
||||
border-radius: 4px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
.usecheck{
|
||||
display: flex;
|
||||
text-align: left;
|
||||
width: 335px;
|
||||
margin: 0 auto;
|
||||
align-items: center;
|
||||
margin-top: 18px;
|
||||
|
||||
}
|
||||
.container {
|
||||
font-size: 0.1rem;
|
||||
.van-field__body {
|
||||
border-bottom: 1px solid red;
|
||||
}
|
||||
.content {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.userfoget {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
border-bottom: 1px solid #333333;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.rc-header {
|
||||
text-align: center;
|
||||
}
|
||||
.rc-header span:first-of-type {
|
||||
margin-right: 60px;
|
||||
}
|
||||
.rc-header span:last-child {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.active {
|
||||
font-size: 18px;
|
||||
color: #666666;
|
||||
}
|
||||
.unactive {
|
||||
font-size: 18px;
|
||||
color: #999999;
|
||||
}
|
||||
.rc-use {
|
||||
width: 155px;
|
||||
height: 48px;
|
||||
opacity: 1;
|
||||
border-radius: 30px;
|
||||
outline: none;
|
||||
border: none;
|
||||
border: 2px solid #e1001a;
|
||||
color: #e1001a;
|
||||
font-size: 14px;
|
||||
}
|
||||
.rc-user {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.userbutton {
|
||||
width: 335px;
|
||||
height: 48px;
|
||||
background: #e2001a;
|
||||
opacity: 1;
|
||||
border-radius: 30px;
|
||||
outline: none;
|
||||
border: none;
|
||||
margin: 0 auto;
|
||||
}
|
||||
van-button {
|
||||
width: 335px;
|
||||
height: 48px;
|
||||
background: #e2001a;
|
||||
opacity: 1;
|
||||
border-radius: 30px;
|
||||
}
|
||||
input {
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
button {
|
||||
outline: none;
|
||||
border: none;
|
||||
list-style: none;
|
||||
background: none;
|
||||
}
|
||||
.rc-center {
|
||||
font-size: 30px;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
}
|
||||
.rc-center input {
|
||||
color: #999999;
|
||||
font-size: 14px;
|
||||
}
|
||||
.userlogin {
|
||||
width: 92%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.rc-button {
|
||||
font-size: 14px;
|
||||
width:335px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto;
|
||||
color: #333333;
|
||||
}
|
||||
.rc-button span {
|
||||
border-bottom: 1px solid #333333;
|
||||
}
|
||||
.rc-button span {
|
||||
margin-left: 20px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
.rc-button span:last-child {
|
||||
margin-right: 20px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
// /* 最小768px最大1920 *pc端/
|
||||
@media screen and (min-width: 768px) and (max-width: 1920px) {
|
||||
.usecheck{
|
||||
display: flex;
|
||||
text-align: left;
|
||||
width: 395px;
|
||||
margin: 0 auto;
|
||||
align-items: center;
|
||||
margin-top: 18px;
|
||||
|
||||
}
|
||||
/deep/
|
||||
.van-field-one{
|
||||
width: 395px;
|
||||
height: 48px;
|
||||
background: #F6F6F6;
|
||||
border-radius: 4px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.van-field-two{
|
||||
margin: 0 auto;
|
||||
width: 395px;
|
||||
height: 48px;
|
||||
background: #F6F6F6;
|
||||
margin: 0 auto;
|
||||
border-radius: 4px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
.container {
|
||||
.content {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.userfoget {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
border-bottom: 1px solid #333333;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.rc-header {
|
||||
text-align: center;
|
||||
}
|
||||
.rc-header span:first-of-type {
|
||||
margin-right: 60px;
|
||||
}
|
||||
.rc-header span:last-child {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.active {
|
||||
font-size: 0.1rem;
|
||||
color: #666666;
|
||||
}
|
||||
.unactive {
|
||||
font-size: 0.1rem;
|
||||
color: #999999;
|
||||
}
|
||||
.rc-use {
|
||||
width: 1.55rem;
|
||||
height: 0.48rem;
|
||||
opacity: 1;
|
||||
border-radius: 0.15rem;
|
||||
border: 2px solid #e1001a;
|
||||
color: #e1001a;
|
||||
font-size: 0.14rem;
|
||||
background: white;
|
||||
|
||||
}
|
||||
.rc-user {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.userbutton {
|
||||
width: 3.8rem;
|
||||
height: 0.48rem;
|
||||
background: #e2001a;
|
||||
border-radius: 0.15rem;
|
||||
outline: none;
|
||||
border: none;
|
||||
margin: 0 auto;
|
||||
}
|
||||
van-button {
|
||||
width: 335px;
|
||||
height: 48px;
|
||||
background: #e2001a;
|
||||
opacity: 1;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
input {
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
button {
|
||||
outline: none;
|
||||
border: none;
|
||||
list-style: none;
|
||||
background: none;
|
||||
}
|
||||
.rc-center {
|
||||
font-size: 30px;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
}
|
||||
.rc-center input {
|
||||
color: #999999;
|
||||
font-size: 14px;
|
||||
}
|
||||
.userlogin {
|
||||
width: 92%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.rc-button {
|
||||
font-size: 14px;
|
||||
width:395px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto;
|
||||
color: #333333;
|
||||
}
|
||||
.rc-button span {
|
||||
border-bottom: 1px solid #333333;
|
||||
}
|
||||
.rc-button span {
|
||||
margin-left: 20px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
.rc-button span:last-child {
|
||||
margin-right: 20px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user