/* 大型设备(大台式电脑,1201px 起)*/
|
@media screen and (min-width: 1201px) {
|
|
}
|
|
/* 中型设备(台式电脑,992px 起) */
|
@media screen and (min-width: 991px) and (max-width: 1200px) {
|
//首页登录样式
|
.logo {
|
font-size: 64rpx!important;
|
}
|
.list-call{
|
height: 100rpx!important;
|
::v-deep .u-input__content__field-wrapper__field{
|
height: 50rpx!important;
|
}
|
::v-deep .uni-input-input{
|
font-size: 30rpx!important;
|
}
|
|
}
|
.loginBtn{
|
.u-button{
|
height: 70rpx!important;
|
}
|
.u-button__text{
|
font-size: 25rpx!important;
|
}
|
}
|
.utils-block{
|
font-size: 27rpx!important;
|
}
|
.copyright{
|
font-size: 30rpx!important;
|
}
|
|
/*库管样式---->*/
|
.self-deliver_text{
|
font-size: 20rpx!important;
|
}
|
.top-tag {
|
width: 45%!important;
|
margin-left: 55%!important;
|
span{
|
font-size: 20rpx!important;
|
}
|
}
|
.self-deliver{
|
.u-button__text{
|
font-size: 20rpx!important;
|
}
|
.self-deliver_btn{
|
|
::v-deep .u-button {
|
height: 40rpx!important;
|
}
|
}
|
|
}
|
|
}
|
|
|
/* 小型设备(平板电脑,768px 起) */
|
@media screen and (min-width: 768px) and (max-width: 990px) {
|
.logo {
|
font-size: 54rpx!important;
|
}
|
.list-call{
|
::v-deep .u-input__content__field-wrapper__field{
|
height: 40rpx!important;
|
}
|
height: 75rpx!important;
|
::v-deep .uni-input-input{
|
font-size: 25rpx!important;
|
}
|
|
}
|
.loginBtn{
|
.u-button{
|
height: 50rpx!important;
|
}
|
.u-button__text{
|
font-size: 25rpx!important;
|
}
|
|
}
|
.utils-block{
|
font-size: 25rpx!important;
|
}
|
.copyright{
|
font-size: 20rpx!important;
|
}
|
/*库管样式---->*/
|
.self-deliver_text{
|
font-size: 20rpx!important;
|
}
|
.top-tag {
|
width: 45%!important;
|
margin-left: 80%!important;
|
span{
|
font-size: 20rpx!important;
|
}
|
}
|
.self-deliver{
|
.u-button__text{
|
font-size: 20rpx!important;
|
}
|
.self-deliver_btn{
|
|
::v-deep .u-button {
|
height: 30rpx!important;
|
}
|
}
|
|
}
|
.table {
|
th{
|
font-size: 20rpx!important;
|
}
|
td{
|
font-size: 20rpx!important;
|
}
|
.u-button__text{
|
font-size: 18rpx!important;
|
}
|
|
}
|
.third-line {
|
.u-tag {
|
.u-tag__text{
|
font-size: 20rpx!important;
|
}
|
|
}
|
}
|
|
}
|
|
/* 超小设备(调试,小于 768px)*/
|
@media only screen and (min-width: 500px) and (max-width: 768px)) {
|
.top-tag {
|
width: 55%!important;
|
margin-left: 70%!important;
|
span{
|
font-size: 20rpx!important;
|
}
|
}
|
|
}
|
|
/* 超小设备(手机,小于 768px)*/
|
@media only screen and (max-width: 400px) {
|
.top-tag {
|
width: 55%!important;
|
margin-left: 50%!important;
|
span{
|
font-size: 20rpx!important;
|
}
|
}
|
|
}
|