This commit is contained in:
陈诗浩 2023-09-06 11:45:08 +08:00
parent 9b41eccd44
commit 3d07d98969
4 changed files with 17 additions and 11 deletions

View File

@ -108,7 +108,7 @@
<div class="home_center" style="display: block"> <div class="home_center" style="display: block">
<div class="inner_box center-top" style="width: 99%;height:63%;margin-top: 0"> <div class="inner_box center-top" style="width: 99%;height:63%;margin-top: 0">
</div> </div>
<div class="inner_box" style="width: 99%;height:36%"> <div class="inner_box" style="width: 99%;height:35.8%">
<div style="display: flex;justify-content: space-around;width: 100%;height: 100%"> <div style="display: flex;justify-content: space-around;width: 100%;height: 100%">
<div class="center-left"> <div class="center-left">
</div> </div>
@ -955,7 +955,7 @@ export default {
max-width: 100%; max-width: 100%;
} }
.home_center { .home_center {
width: 49%; width: 50%;
padding: 0 10px; padding: 0 10px;
.inner_box{ .inner_box{
margin-top: 1%; margin-top: 1%;
@ -995,10 +995,10 @@ export default {
} }
.home_left, .home_left,
.home_right{ .home_right{
width: 24%; width: 25%;
.right-top{ .right-top{
width: 100%; width: 100%;
height: 33%; height: 32%;
background-image: url(../../assets/img/activity/right-top.png); background-image: url(../../assets/img/activity/right-top.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;

View File

@ -23,7 +23,7 @@
<InnerBox :echartObj="echartObj2" header_title="菜品订单量TOP10" little_font="(单)"/> <InnerBox :echartObj="echartObj2" header_title="菜品订单量TOP10" little_font="(单)"/>
</div> </div>
<div class="home_center" style="display: block"> <div class="home_center" style="display: block">
<div class="inner_box" style="width: 99%;height:32%"> <div class="inner_box" style="width: 100%;height:32%">
<div class="inner-header"></div> <div class="inner-header"></div>
<div style="display: flex;justify-content: space-around;width: 100%;height: 100%"> <div style="display: flex;justify-content: space-around;width: 100%;height: 100%">
<div class="header-left"> <div class="header-left">
@ -36,7 +36,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="inner_box" style="width: 99%;height:32%"> <div class="inner_box" style="width: 100%;height:32%">
<div class="inner-center"></div> <div class="inner-center"></div>
<div style="display: flex;justify-content: space-around;width: 100%;height: 100%"> <div style="display: flex;justify-content: space-around;width: 100%;height: 100%">
<div class="center-left"> <div class="center-left">
@ -49,7 +49,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="inner_box" style="width: 99%;height:32%"> <div class="inner_box" style="width: 100%;height:32%">
<div class="inner-bottom"></div> <div class="inner-bottom"></div>
<div style="display: flex;justify-content: space-around;width: 100%;height: 100%"> <div style="display: flex;justify-content: space-around;width: 100%;height: 100%">
<div class="bottom-left"></div> <div class="bottom-left"></div>
@ -867,7 +867,7 @@ export default {
max-width: 100%; max-width: 100%;
} }
.home_center { .home_center {
width: 49%; width: 50%;
padding: 0 10px; padding: 0 10px;
.inner_box{ .inner_box{
margin-top: 1%; margin-top: 1%;
@ -954,7 +954,7 @@ export default {
} }
.home_left, .home_left,
.home_right{ .home_right{
width: 24%; width: 25%;
.right-top{ .right-top{
width: 100%; width: 100%;
height: 40%; height: 40%;

View File

@ -1078,7 +1078,7 @@ export default {
width: 25%; width: 25%;
.inner_box{ .inner_box{
width: 100%; width: 100%;
height: 32%; height: 33%;
} }
} }
/deep/ .ant-progress-circle .ant-progress-text { /deep/ .ant-progress-circle .ant-progress-text {

View File

@ -1154,10 +1154,15 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.main_box {
padding: 0 2rem;
}
.home_left { .home_left {
width: 25%; width: 25%;
padding: 0;
.inner_box{ .inner_box{
width: 98%; width: 100%;
height: 32%; height: 32%;
} }
} }
@ -1170,6 +1175,7 @@ export default {
} }
.home_right { .home_right {
width: 25%; width: 25%;
padding: 0;
.inner_box{ .inner_box{
width: 100%; width: 100%;
height: 32%; height: 32%;