root/screen-lnsh-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

屏幕分块

Browse Source
This commit is contained in:
caill
2023-11-20 09:10:08 +08:00
parent 85d63fbc95
commit 7370217ca0
2 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/modules/new/left/index.vue
View File

@@ -1,5 +1,12 @@
<template> <template>
<div class="n_container"> <div class="n_container">
<div class="style_block" style="left: calc(100% / 3);top:0;"></div>
<div class="style_block" style="background: green;left: calc(100% / 3);top:calc(100% / 3);"></div>
<div class="style_block" style="left: calc(100% / 3);bottom: 0"></div>
<div class="style_block" style="background: green;left: calc(200% / 3);top:0;"></div>
<div class="style_block" style="left: calc(200% / 3);top:calc(100% / 3);"></div>
<div class="style_block" style="background: blue;left: calc(200% / 3);bottom: 0"></div>
<div class="style_block" style="background: yellow;top: calc(100% / 3);bottom: 0"></div>
<div class="n_header"> <div class="n_header">
<div class="n_header_h1"> <div class="n_header_h1">
<h1>晟华生产数</h1> <h1>晟华生产数</h1>
@@ -63,7 +70,11 @@ export default {
.n_left_wraper .n_left_wraper
width 49.5% width 49.5%
height 100% height 100%
background #fff
opacity 0.5
.n_right_wraper .n_right_wraper
width 49.5% width 49.5%
height 100% height 100%
background #fff
opacity 0.5
</style> </style>

2
src/pages/modules/new/right/index.vue
View File

@@ -63,7 +63,9 @@ export default {
.n_left_wraper .n_left_wraper
width 49.5% width 49.5%
height 100% height 100%
background #fff
.n_right_wraper .n_right_wraper
width 49.5% width 49.5%
height 100% height 100%
background #fff
</style> </style>