perf: 修改信息发布皮肤模板

base-manager-ui/admin/src/pages/basicset/surface/informationskin/InformationSkin.vue

@@ -9,42 +9,46 @@
       <div
         class="header"
         :style="{
-          background: filterItem('11', 0),
           color: filterItem('2', 0),
         }"
       >
         政务服务中心
       </div>
       <div class="main flex aic jcb">
-        <div class="left">
-          <img src="../../../../assets/img/banner2.png" />
+        <div class="left flex aic jcc">
+          video
+        </div>
+        <div class="right flex aic jcc">
+          banner
         </div>
-        <div class="right">
-          <img src="../../../../assets/img/banner3.png" />
       </div>
+      <div class="footer flex1 flex aic ">
+        <div class="title flex aic jcc">
+          logo
         </div>
+        <div class="text flex1 flex flexc">
           <div
-        class="footer flex"
+            class="flex1 flex aic pdl10"
             :style="{
-          background: filterItem('12', 0),
+              color: filterItem('5', 0),
             }"
           >
+            新闻标题
+          </div>
           <div
-          class="title flex aic jcc"
+            class="bottom flex1 flex aic pdl10"
             :style="{
-            background: filterItem('10', 0),
-            color: filterItem('5', 0),
+              background: filterItem('12', 0),
+              color: filterItem('6', 0),
             }"
           >
-          滚动新闻
-        </div>
-        <div class="text flex aic">
             这里是信息发布滚动信息这里是信息发布滚动信息这里是信息发布滚动信息
           </div>
         </div>
       </div>
+    </div>
     <!-- 信息发布 竖版皮肤 -->
-    <div
+    <!-- <div
       :id="componentsId"
       class="vertical-skin flex flexc"
       v-else-if="imageResolution === '2'"
@@ -85,7 +89,7 @@
           这里是信息发布滚动信息这里是信息发布滚动信息
         </div>
       </div>
-    </div>
+    </div> -->
     <!-- 空数据显示 -->
     <div class="empty flex aic jcc" v-else>
       <a-empty
@@ -170,41 +174,52 @@ export default {
   background-repeat: no-repeat !important;
   background-position: center !important;
   background-size: cover !important;
+  position: relative;
   .header {
     height: 80px;
     font-size: 30px;
     font-weight: 600;
+    padding-left: 20px;
     color: #fff;
-    text-align: center;
     line-height: 80px;
-    background: url("../../../../assets/img/bg_header.png") no-repeat;
     background-size: 100% 100% !important;
+    position: absolute;
+    left: 0px;
+    top: 0px;
   }
   .main {
-    height: 432px;
+    height: 470px;
     .left,
     .right {
       width: 50%;
       height: 100%;
-      img {
-        width: 100%;
-        height: 100%;
+      color: #fff;
+      border-bottom: 1px dashed #ececec;
     }
+    .left {
+      border-right: 1px dashed #ececec;
     }
   }
   .footer {
     height: 50px;
     .title {
-      width: 100px;
+      width: 130px;
       height: 100%;
       font-size: 18px;
-      color: #effe00;
+      color: #fff;
+      border-right: 1px dashed #ececec;
     }
     .text {
       height: 100%;
       font-size: 18px;
       color: #fff;
     }
+    .bottom {
+      border-top: 1px dashed #ececec;
+      background-repeat: no-repeat !important;
+      background-position: center !important;
+      background-size: 100% 100% !important;
+    }
   }
 }
 .vertical-skin {