Ana Sayfa Keşfet Yardım
Üye Ol Giriş Yap
cxs
/
weibo
İzle 1
Yıldızla 0
Çatalla 0
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Kaynağa Gözat

修改了一些样式问题

cxs 7 yıl önce
ebeveyn
9000a54ef6
işleme
9d9faa84fe
4 değiştirilmiş dosya ile 83 ekleme ve 25 silme
Birleşik Görünüm Farklılık Durumunu Göster
  1. 6 0
      .idea/misc.xml
  2. 20 3
      css/WBAccount.css
  3. 4 0
      css/WBData.css
  4. 53 22
      index.html

+ 6 - 0
.idea/misc.xml
Dosyayı Görüntüle 

@@ -0,0 +1,6 @@
 
+<?xml version="1.0" encoding="UTF-8"?>
 
+<project version="4">
 
+  <component name="JavaScriptSettings">
 
+    <option name="languageLevel" value="ES6" />
 
+  </component>
 
+</project>

+ 20 - 3
css/WBAccount.css
Dosyayı Görüntüle 

@@ -1,11 +1,26 @@
 
+*{
 
+    margin: 0;
 
+    padding: 0;
 
+}
 
+
 
+html,body{
 
+    width: 100%;
 
+    height: 100%;
 
+}
 
+
 
+
 
+
 
 button{
 
 button{
 
-    margin-top: 2%;
 
+    margin-top: 20px;
 
     color: white;
 
     color: white;
 
     background: rgba(22, 155, 213, 1);
 
     background: rgba(22, 155, 213, 1);
 
-    width: 6%;
 
+    width: 150px;
 
+    height: 44px;
 
     border-radius: 5px;
 
     border-radius: 5px;
 
-    margin-left: 3%;
 
+    margin-left: 10px;
 
     cursor: pointer;
 
     cursor: pointer;
 
+    border: none;
 
+    outline: none;
 
 }
 
 }
 
 table,tr,td{
 
 table,tr,td{
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
@@ -16,7 +31,9 @@ table,tr,td{
 
 
 
 .tb{
 
 .tb{
 
     margin-top:20px;
 
     margin-top:20px;
 
+    padding: 0 10px;
 
 }
 
 }
 
+
 
 td button{
 
 td button{
 
     margin-top: 3%;
 
     margin-top: 3%;
 
     color: white;
 
     color: white;

+ 4 - 0
css/WBData.css
Dosyayı Görüntüle 

@@ -2,6 +2,10 @@
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
 
 }
 
 }
 
+html,body{
 
+    width: 100%;
 
+    height: 100%;
 
+}
 
 ul{
 
 ul{
 
     list-style: none;
 
     list-style: none;
 
 }
 
 }

+ 53 - 22
index.html
Dosyayı Görüntüle 

@@ -1,29 +1,59 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html>
 
 <html>
 
 <head>
 
 <head>
 
-    <meta charset="utf-8" />
 
+    <meta charset="utf-8"/>
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <title>首页</title>
 
     <title>首页</title>
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
 
     <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
 
     <link>
 
     <link>
 
     <style>
 
     <style>
 
-        .box{width:1200px;height:960px;}
 
-        .header{width:100%;background:rgba(0, 3, 143, 1);color:white;padding: 1px;}
 
-        .content{width:100%;height:800px;box-sizing: content-box;border: 1px solid;}
 
-        .left{
 
-            float:left;
 
-            width:15%;
 
-            height:100%;
 
-            background:rgba(242, 242, 242, 1);
 
+        * {
 
+            margin: 0;
 
+            padding: 0
 
         }
 
         }
 
-        .left p{
 
+
 
+        html, body, .box {
 
+            width: 100%;
 
+            height: 100%;
 
+            overflow: hidden;
 
+        }
 
+
 
+        .header {
 
+            width: 100%;
 
+            background: rgba(0, 3, 143, 1);
 
+            color: white;
 
+            padding: 1px;
 
+        }
 
+
 
+        .content {
 
+            width: 100%;
 
+            height: calc(100% - 42px);
 
+        }
 
+
 
+        .left {
 
+            float: left;
 
+            width: 200px;
 
+            height: 100%;
 
+            background: rgba(242, 242, 242, 1);
 
+        }
 
+
 
+        .left p {
 
             width: 100%;
 
             width: 100%;
 
             text-align: center;
 
             text-align: center;
 
             font-size: 18px;
 
             font-size: 18px;
 
             color: #797979;
 
             color: #797979;
 
+            margin: 20px 0;
 
+            cursor: pointer;
 
+        }
 
+
 
+        .right{
 
+            float: left;
 
+            width: calc(100% - 200px);
 
+            height: 100%;
 
         }
 
         }
 
-        .show button{
 
+
 
+        .show button {
 
             margin-top: 3%;
 
             margin-top: 3%;
 
             color: white;
 
             color: white;
 
             background: rgba(22, 155, 213, 1);
 
             background: rgba(22, 155, 213, 1);
 
@@ -38,28 +68,29 @@
 
     <div class="header"><h1>微博数据分析</h1></div>
 
     <div class="header"><h1>微博数据分析</h1></div>
 
     <div class="content">
 
     <div class="content">
 
         <div class="left">
 
         <div class="left">
 
-            <p><span style="background:rgb(215,215,215)"; onclick="changeIframe(this,'./html/WBAccount')">微博号管理</span></p>
 
+            <p><span style="background:rgb(215,215,215)" ; onclick="changeIframe(this,'./html/WBAccount')">微博号管理</span>
 
+            </p>
 
             <p><span onclick="changeIframe(this,'./html/WBData')">微博数据分析</span></p>
 
             <p><span onclick="changeIframe(this,'./html/WBData')">微博数据分析</span></p>
 
             <p><span onclick="changeIframe(this,'./html/Comment')">微博评论爬虫</span></p>
 
             <p><span onclick="changeIframe(this,'./html/Comment')">微博评论爬虫</span></p>
 
         </div>
 
         </div>
 
         <div class="right">
 
         <div class="right">
 
             <iframe src="./html/WBAccount.html" frameborder="0" style="
 
             <iframe src="./html/WBAccount.html" frameborder="0" style="
 
-                height: 800px;
 
-                width: 85%;"></iframe>
 
+                height: 100%;
 
+                width: 100%;"></iframe>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
 </div>
 
 </div>
 
 </body>
 
 </body>
 
 </html>
 
 </html>
 
 <script>
 
 <script>
 
-    changeIframe=function(wt,el){
 
-        let span=$("span");
 
-        for(let i=0;i<span.length;i++){
 
-            span[i].style.background="rgba(242, 242, 242, 1)";
 
+    changeIframe = function (wt, el) {
 
+        let span = $("span");
 
+        for (let i = 0; i < span.length; i++) {
 
+            span[i].style.background = "rgba(242, 242, 242, 1)";
 
         }
 
         }
 
-        wt.style.background="rgb(215,215,215)";
 
-        let _href=el+".html";
 
-        let iframe=$("iframe")[0];
 
-        iframe.src=_href;
 
+        wt.style.background = "rgb(215,215,215)";
 
+        let _href = el + ".html";
 
+        let iframe = $("iframe")[0];
 
+        iframe.src = _href;
 
     }
 
     }
 
 </script>
 
 </script>