fix : 修复首页适配

This commit is contained in:
2024-09-22 00:28:18 +08:00
parent fe45524d52
commit c37e150bb9

View File

@@ -182,7 +182,7 @@
</el-col> </el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
<div class="right bottom"> <div class="right bottom">
<div class="right-top " > <div class="right-top ">
<div class="title-block"> <div class="title-block">
<div class="title"> <div class="title">
<div class="tag"></div> <div class="tag"></div>
@@ -390,56 +390,58 @@ const todoList = ref([
totalTime: '10', totalTime: '10',
}, },
]) ])
const noticeList = ref([ { const noticeList = ref([
articleTitle: '系统升级通知,升级通知,期间部分服务将暂升级通知,期间部分服务将暂升级通知,期间部分服务将暂将暂停' // {
}, // articleTitle: '系统升级通知,升级通知,期间部分服务将暂升级通知,期间部分服务将暂升级通知,期间部分服务将暂将暂停'
{ // },
articleTitle: '系统升级通知,期间部分服务将暂停' // {
}, // articleTitle: '系统升级通知,期间部分服务将暂停'
{ // },
articleTitle: '系统升级通知,期间部分服务将暂停' // {
}, // articleTitle: '系统升级通知,期间部分服务将暂停'
{ // },
articleTitle: '系统升级通知,期间部分服务将暂停' // {
}, // articleTitle: '系统升级通知,期间部分服务将暂停'
{ // },
articleTitle: '系统升级通知,期间部分服务将暂停' // {
}, // articleTitle: '系统升级通知,期间部分服务将暂停'
{ // },
articleTitle: '系统升级通知,期间部分服务将暂停' // {
}, // articleTitle: '系统升级通知,期间部分服务将暂停'
{ // },
articleTitle: '系统升级通知,期间部分服务将暂停' // {
}, // articleTitle: '系统升级通知,期间部分服务将暂停'
{ // },
articleTitle: '系统升级通知,期间部分服务将暂停' // {
}, // articleTitle: '系统升级通知,期间部分服务将暂停'
{ // },
articleTitle: '系统升级通知,期间部分服务将暂停' // {
}, // articleTitle: '系统升级通知,期间部分服务将暂停'
{ // },
articleTitle: '系统升级通知,期间部分服务将暂停' // {
}, // articleTitle: '系统升级通知,期间部分服务将暂停'
{ // },
articleTitle: '系统升级通知,期间部分服务将暂停' // {
}, // articleTitle: '系统升级通知,期间部分服务将暂停'
{ // },
articleTitle: '系统升级通知,期间部分服务将暂停' // {
}, // articleTitle: '系统升级通知,期间部分服务将暂停'
{ // },
articleTitle: '系统升级通知期间部分服务将暂停4324234' // {
}, { // articleTitle: '系统升级通知期间部分服务将暂停4324234'
articleTitle: '系统升级通知,期间部分服务将暂停' // }, {
}, // articleTitle: '系统升级通知,期间部分服务将暂停'
{ // },
articleTitle: '系统升级通知,期间部分服务将暂停' // {
}, // articleTitle: '系统升级通知,期间部分服务将暂停'
{ // },
articleTitle: '系统升级通知,期间部分服务将暂停' // {
}, // articleTitle: '系统升级通知,期间部分服务将暂停'
{ // },
articleTitle: '系统升级通知期间部分服务将暂停4324234' // {
}]) // articleTitle: '系统升级通知期间部分服务将暂停4324234'
// }
])
const rulesList = ref([]) const rulesList = ref([])
const helpDocList = ref([]) const helpDocList = ref([])
const problemList = ref([]) const problemList = ref([])
@@ -617,7 +619,7 @@ onMounted(async () => {
// console.info("🚀 ~method:topLeft -----", topLeft.offsetHeight) // console.info("🚀 ~method:topLeft -----", topLeft.offsetHeight)
// topLeftHeight.value=topLeft.offsetHeight // topLeftHeight.value=topLeft.offsetHeight
// }) // })
// noticeList.value = await getArticleList(0) noticeList.value = await getArticleList(0)
rulesList.value = await getArticleList(1) rulesList.value = await getArticleList(1)
helpDocList.value = await getArticleList(2) helpDocList.value = await getArticleList(2)
problemList.value = await getArticleList(3) problemList.value = await getArticleList(3)
@@ -823,14 +825,15 @@ const handleView = (row) => {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@media (min-width: 1200px) and (max-width: 1920px) { @media (min-width: 1200px) and (max-width: 1920px) {
.right-top { .right-top {
height: 684px!important; height: 684px !important;
} }
.home-bg .notice-block{ .home-bg .notice-block {
height: 624px!important; height: 624px !important;
} }
} }
@media only screen and (max-width: 1500px) { @media only screen and (max-width: 1500px) {
.statistics { .statistics {
.block { .block {