样式适配
This commit is contained in:
@@ -138,6 +138,7 @@ export default defineComponent({
|
||||
},
|
||||
},
|
||||
mounted () {
|
||||
|
||||
this.resize()
|
||||
window.addEventListener("resize", this.resize);
|
||||
let domFalls = document.querySelector('.Falls')
|
||||
@@ -333,6 +334,14 @@ export default defineComponent({
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
left: auto;
|
||||
@media (max-width: 1200px) {
|
||||
top: 1rem;
|
||||
right: 1rem;
|
||||
padding: 0 .5rem;
|
||||
border-radius: .4rem;
|
||||
margin-right: .2rem;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.falls_item_bottom{
|
||||
@@ -379,10 +388,16 @@ export default defineComponent({
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
@media (max-width: 1200px) {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
span{
|
||||
font-size: 12px;
|
||||
color: #525252;
|
||||
@media (max-width: 1200px) {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -406,6 +421,9 @@ export default defineComponent({
|
||||
i{
|
||||
// font-size: 1.8rem;
|
||||
font-size: 12px;
|
||||
@media (max-width: 1200px) {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
svg,i{
|
||||
color: #9e9ea7;
|
||||
@@ -413,10 +431,17 @@ export default defineComponent({
|
||||
// width: 10px;
|
||||
// height: 10px;
|
||||
margin-right: 5px;
|
||||
@media (max-width: 1200px) {
|
||||
margin-right: .5rem;
|
||||
}
|
||||
}
|
||||
span{
|
||||
margin-left: 3px;
|
||||
font-size: 12px;
|
||||
@media (max-width: 1200px) {
|
||||
margin-left: .3rem;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user