فهرست منبع

更新底部logo样式

tremble 3 سال پیش
والد
کامیت
8cf3f54e5e
3فایلهای تغییر یافته به همراه37 افزوده شده و 4 حذف شده
  1. 34 0
      css/main.css
  2. BIN
      images/btm_logo.png
  3. 3 4
      index.html

+ 34 - 0
css/main.css

@@ -36,6 +36,31 @@ body, figure {
     margin: 0
 }
 
+#myCompany{
+    width:300px;
+    position:absolute;
+    bottom:20px;
+    left: 50%;
+    transform: translateX(-50%);
+    text-align:center;
+    font-size:14px;
+    color: rgba(255, 255, 255, 0.8);
+    display: flex;
+    justify-content: center;
+    align-items: center
+}
+
+#myCompany img{
+    width: 50%;
+}
+
+#myCompany span{
+    font-size: 16px;
+    padding: 5px 0;
+    color: rgba(255, 255, 255, 0.8);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
+}
+
 .affix, .frame .slidee li .overlay {
     -webkit-transform: translate3d(0, 0, 0)
 }
@@ -6989,6 +7014,15 @@ a.hasHover.tag-link:hover {
 }
 
 @media only screen and (max-width: 600px) {
+    #myCompany{
+        width:200px;
+    }
+
+    #myCompany span{
+        font-size: 14px;
+    }
+
+   
     #gui-modes-map>div[rel]:hover, #play:hover {
         background: transparent;
     }

BIN
images/btm_logo.png


+ 3 - 4
index.html

@@ -94,7 +94,6 @@
                 </div>
                 <div id="loaderCoBrand">
                     <div class="vert-align">
-                        <h2 id="loaderCoBrandName">四维时代提供技术支持</h2>
                     </div>
                 </div>
                 <div class="bottom-logo">
@@ -347,9 +346,9 @@
                     <div id="progressBar"></div>
                 </div>
             </div>
-            <div id="myCompany"
-                style="width:100%;position:absolute;bottom:20px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
-                四维时代提供技术支持
+            <div id="myCompany" >
+                <img src="./images/btm_logo.png" alt="">
+                <span>提供技术支持</span>
             </div>
         </div>
         <div class="webvr-popup" style="display:none">