# 样式兼容mobile
This commit is contained in:
parent
204b6bcfe5
commit
ada63a4525
|
@ -125,10 +125,10 @@ export default {
|
|||
font-size: 48px;
|
||||
}
|
||||
.card-panel-description {
|
||||
float: right;
|
||||
// float: right;
|
||||
font-weight: bold;
|
||||
margin: 26px;
|
||||
margin-left: 0px;
|
||||
margin-left: 120px;
|
||||
.card-panel-text {
|
||||
line-height: 18px;
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
|
@ -140,5 +140,30 @@ export default {
|
|||
}
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.card-panel-icon-wrapper {
|
||||
float: none!important;
|
||||
text-align: center;
|
||||
margin: 0!important;
|
||||
border-radius: 0!important;
|
||||
padding: 1rem 0 1rem 0!important;
|
||||
}
|
||||
.card-panel-icon {
|
||||
float: none!important;
|
||||
font-size: 2.2rem!important;
|
||||
}
|
||||
.card-panel-description {
|
||||
float: none!important;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin: .5rem 0 0 0!important;
|
||||
.card-panel-text {
|
||||
display: none;
|
||||
}
|
||||
.card-panel-num {
|
||||
font-size: 1rem!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue