mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-21 16:56:43 +08:00
styles fix
This commit is contained in:
@@ -383,41 +383,49 @@ export default {
|
||||
// if (res && res.code == "0") {
|
||||
// console.log(res);
|
||||
// }
|
||||
}
|
||||
|
||||
},
|
||||
mounted() {
|
||||
// 给 body 添加特定类名,用于限制样式作用域
|
||||
document.body.classList.add('contributor-conference-index-active');
|
||||
},
|
||||
beforeDestroy() {
|
||||
// 组件销毁时移除类名
|
||||
document.body.classList.remove('contributor-conference-index-active');
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang='scss'>
|
||||
// 使用 body.contributor-conference-index-active 类名限制样式只在该页面生效
|
||||
@media screen and (min-width: 1440px) and (max-width: 1600px){
|
||||
body{
|
||||
body.contributor-conference-index-active{
|
||||
zoom: 79%;
|
||||
}
|
||||
#bg{
|
||||
body.contributor-conference-index-active #bg{
|
||||
width: 1900px !important;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1366px) and (max-width: 1440px){
|
||||
body{
|
||||
body.contributor-conference-index-active{
|
||||
zoom: 74%;
|
||||
}
|
||||
#bg{
|
||||
body.contributor-conference-index-active #bg{
|
||||
width: 1869px !important;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1280px) and (max-width: 1366px){
|
||||
body{
|
||||
body.contributor-conference-index-active{
|
||||
zoom: 72%;
|
||||
}
|
||||
#bg{
|
||||
body.contributor-conference-index-active #bg{
|
||||
width: 1874px !important;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1280px){
|
||||
body{
|
||||
body.contributor-conference-index-active{
|
||||
zoom: 67%;
|
||||
}
|
||||
#bg{
|
||||
body.contributor-conference-index-active #bg{
|
||||
width: 1885px !important;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user