样式适配

This commit is contained in:
X1627315083
2025-06-19 09:21:32 +08:00
parent 9191678708
commit b69d202509
24 changed files with 301 additions and 857 deletions

View File

@@ -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;
}
}
}
}