文档页背景logo

web_src/src/components/item/show/show_regular_item/Index.vue

@@ -276,15 +276,18 @@
   .doc_logo_bg{
     position: absolute;
     width: 400px;
-    left: calc(100% - 200px);
-    top: calc(100% - 200px);
+    height:400px;
+    left: calc(50% - 100px);
+    top: calc(50% - 200px);
     background: url("../../../../../static/logo/logo_large.png") no-repeat center;
     background-size: cover;
-    -webkit-filter: blur(15px);
-    -moz-filter: blur(15px);
-    -o-filter: blur(15px);
-    -ms-filter: blur(15px);
-    filter: blur(15px);
+    -webkit-filter: blur(5px);
+    -moz-filter: blur(5px);
+    -o-filter: blur(5px);
+    -ms-filter: blur(5px);
+    filter: blur(5px);
+    opacity: 0.05;
+    z-index: -1;
   }
 
 </style>

web_src/src/components/item/show/show_single_page_item/Index.vue

@@ -4,6 +4,7 @@
 
       <div id="header"></div>
       <div class="container doc-container" id="doc-container">
+         <div class="doc_logo_bg"></div>
          <div class="doc-title-box">
             <span id="doc-title-span" class="dn"></span>
             <h2 id="doc-title">{{page_title}}</h2>
@@ -126,6 +127,22 @@
     padding: 0px;
     font-size: 16px;
   }
+  .doc_logo_bg{
+      position: absolute;
+      width: 400px;
+      height:400px;
+      left: calc(50% - 200px);
+      top: calc(50% - 200px);
+      background: url("../../../../../static/logo/logo_large.png") no-repeat center;
+      background-size: cover;
+      -webkit-filter: blur(5px);
+      -moz-filter: blur(5px);
+      -o-filter: blur(5px);
+      -ms-filter: blur(5px);
+      filter: blur(5px);
+      opacity: 0.05;
+      z-index: -1;
+  }
 </style>
 
 <script>