style: 大屏页面样式根据意见修改

data-room-ui/packages/BigScreenComponentMag/MenuContent.vue

@@ -27,5 +27,6 @@ export default {
 <style lang="scss" scoped>
 .right-screen-list-wrap {
   width: 100%;
+  padding-bottom: 16px;
 }
 </style>

data-room-ui/packages/BigScreenComponentMag/index.vue

@@ -34,5 +34,6 @@ export default {
 .bs-manage-main-wrap {
   display: flex;
   height: 100%;
+  padding-top: 16px;
 }
 </style>

data-room-ui/packages/BigScreenDesign/ComponentDialog/index.vue

@@ -559,6 +559,7 @@ export default {
           }
 
           .add-big-screen-card-text {
+            color: var(--bs-el-color-primary);
             font-size: 24px;
           }
 
@@ -636,12 +637,14 @@ export default {
     }
 
     .footer-pagination-wrap {
-      display: flex;
-      align-items: center;
-      justify-content: flex-end;
+      position: absolute;
+      // display: flex;
+      // align-items: center;
+      // justify-content: flex-end;
       width: 100%;
-      margin-top: 16px;
-      padding: 0 16px;
+      bottom: 16px;
+      right: 12px;
+      // padding: 0 16px;
     }
   }
   .bs-pagination {

data-room-ui/packages/BigScreenDesign/SourceDialog/index.vue

@@ -311,6 +311,7 @@ export default {
         }
 
         .add-big-screen-card-text {
+          color: var(--bs-el-color-primary);
           font-size: 24px;
         }
 
@@ -388,12 +389,15 @@ export default {
   }
 
   .footer-pagination-wrap {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
+    // display: flex;
+    // align-items: center;
+    // justify-content: flex-end;
     width: 100%;
-    margin-top: 16px;
-    padding: 0 16px;
+    // margin-top: 16px;
+    // padding: 0 16px;
+    position: absolute;
+    bottom: 16px;
+    right: 12px;
   }
 }
 .bs-pagination {

data-room-ui/packages/BigScreenList/index.vue

@@ -433,6 +433,7 @@ export default {
         }
 
         .add-big-screen-card-text {
+          color: var(--bs-el-color-primary);
           font-size: 24px;
         }
 
@@ -518,13 +519,15 @@ export default {
 
   .footer-pagination-wrap {
     // position: absolute;
-    bottom: 16px;
-    right: auto;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
+    // bottom: 16px;
+    // right: auto;
+    // display: flex;
+    // align-items: center;
+    // justify-content: flex-end;
     width: 100%;
-    margin-top: 16px;
+    position: absolute;
+    bottom: 16px;
+    right: 12px;
     // padding: 0 16px;
   }
 }

data-room-ui/packages/BigScreenMag/MenuContent.vue

@@ -35,5 +35,6 @@ export default {
 <style lang="scss" scoped>
 .right-screen-list-wrap {
   width: 100%;
+  padding-bottom: 16px;
 }
 </style>

data-room-ui/packages/BigScreenMag/index.vue

@@ -47,5 +47,6 @@ export default {
 .bs-manage-main-wrap {
   display: flex;
   height: 100%;
+  padding-top: 16px;
 }
 </style>

data-room-ui/packages/ComponentList/index.vue

@@ -549,6 +549,7 @@ export default {
         }
 
         .add-big-screen-card-text {
+          color: var(--bs-el-color-primary);
           font-size: 24px;
         }
 
@@ -629,11 +630,13 @@ export default {
     // position: absolute;
     // bottom: 16px;
     // right: 16px;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    width: 100%;
-    margin-top: 16px;
+    // display: flex;
+    // align-items: center;
+    // justify-content: flex-end;
+    // width: 100%;
+    position: absolute;
+    bottom: 16px;
+    right: 12px;
     // padding: 0 16px;
   }
   .error-img-text{

data-room-ui/packages/Layout/BigScreenHomeLayout/index.vue

@@ -146,7 +146,7 @@ export default {
     position: absolute;
     top: 150px;
     overflow: hidden;
-    padding: 16px 0;
+    // padding-top: 16px;
     width: 100%;
     height: calc(100vh - 150px);
     background-color: var(--bs-background-1);

data-room-ui/packages/SourceList/index.vue

@@ -432,6 +432,7 @@ export default {
         }
 
         .add-big-screen-card-text {
+          color: var(--bs-el-color-primary);
           font-size: 24px;
         }
 
@@ -511,11 +512,13 @@ export default {
   .footer-pagination-wrap {
     // position: absolute;
     // bottom: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    width: 100%;
-    margin-top: 16px;
+    // display: flex;
+    // align-items: center;
+    // justify-content: flex-end;
+    // width: 100%;
+    position: absolute;
+    bottom: 16px;
+    right: 12px;
     // padding: 0 16px;
   }
 }

data-room-ui/packages/SourceMag/MenuContent.vue

@@ -33,5 +33,6 @@ export default {
 <style lang="scss" scoped>
 .right-screen-list-wrap {
   width: 100%;
+  padding-bottom: 16px;
 }
 </style>

data-room-ui/packages/SourceMag/index.vue

@@ -44,5 +44,6 @@ export default {
 .bs-manage-main-wrap {
   display: flex;
   height: 100%;
+  padding-top: 16px;
 }
 </style>

data-room-ui/packages/assets/style/common/index.scss

@@ -10,7 +10,7 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
   width: 100%;
   position: absolute;
   box-sizing: border-box;
-  padding:0 16px;
+  padding: 16px;
   .inner-container {
     height: 100% !important;
     background-color: var(--bs-background-2);
@@ -39,7 +39,7 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
 
     // page页样式
     .bs-pagination {
-      padding: 0 0 4px 16px;
+      padding: 0 10px 0px 16px;
     }
 
     //输入框样式