فهرست منبع

更新“toast"

zachary 4 سال پیش
والد
کامیت
878c512fde
8فایلهای تغییر یافته به همراه37 افزوده شده و 13 حذف شده
  1. 30 11
      index.css
  2. 7 2
      index.html
  3. BIN
      pic11-1.png
  4. BIN
      pic11-2.png
  5. BIN
      pic11-3.png
  6. BIN
      pic12-1.png
  7. BIN
      pic12-2.png
  8. BIN
      pic12-3.png

+ 30 - 11
index.css

@@ -1,8 +1,9 @@
-::-webkit-scrollbar {
+
+.scroller::-webkit-scrollbar {
     width: 0;
-    height: 0;
-    /* scrollbar-width: unset; */
-    /* background: #f2f2f2; */
+    height: 8px;
+
+    background: #f2f2f2; 
     background-color: transparent;
     padding-right: 2px;
 }
@@ -13,6 +14,17 @@
     border: 0;
 }
 
+.scroller{
+    overflow-y: scroll;
+    scrollbar-width: thin; 
+    height: 8px;
+    border-radius: 10px;
+    scrollbar-color: #b4bbc5 #f2f2f2;
+    scrollbar-track-color: #b4bbc5 #f2f2f2;
+    -ms-scrollbar-track-color: #b4bbc5 #f2f2f2;
+}
+
+
 
 body{
     margin:0;
@@ -98,10 +110,9 @@ body{
 
 .herald{
     position: absolute;
-    top:-60px;
-    left:65px;
-    border-radius: 50px / 46px;
-    background-color: #FFFFFF;
+    top:-400px;
+    left:182px;
+    border-radius: 50px / 45px;
     color:#000000;
     font-size: 12px;
     font-family:'Microsoft YaHei','Arial Negreta', 'Arial Normal', 'Arial';
@@ -115,6 +126,13 @@ body{
 }
 
 
+.toast-content{
+    position: absolute;
+    top:85px;
+    left:104px;
+} 
+
+
 .contact{
     position: absolute;
     top:88px;
@@ -123,8 +141,8 @@ body{
 
 .contact-icon{
     position: absolute;
-    /* left:1686px; */
-    right:39px;
+    left:1778px;
+    /* right:39px; */
     width:105px;
     height:25px;
     display: flex;
@@ -134,7 +152,8 @@ body{
 .contact-content{
     position: absolute;
     top:33px;
-    right:39px;
+    /* right:39px; */
+    left:1686px;
 
     visibility: hidden;
 }

+ 7 - 2
index.html

@@ -1,7 +1,9 @@
 <!DOCTYPE html>
-<html>
+<html class="scroller">
     <head>
         <meta charset="UTF-8"/>
+        <meta name="keywords" content="博博会,郑州,云展览"/>
+        <meta name="description" content="导航页"/>
         <title>永不落幕的博博会</title>
         <link rel="stylesheet" href="index.css"/>
     </head>
@@ -23,7 +25,10 @@
                 <div class="button">
                     <img alt="点击" class="img" src="pic5-1.png">
                     <div class="text ready"><a href="">点击看展</a>
-                        <div class="herald"><p>9.24日开展,敬请期待</p></div>
+                        <div class="herald">
+                            <img class="toast" src="pic11-1.png"/>
+                            <img class="toast toast-content" src="pic12-1.png"/>
+                        </div>
                     </div>
                 </div>
                 <div class="button">

BIN
pic11-1.png


BIN
pic11-2.png


BIN
pic11-3.png


BIN
pic12-1.png


BIN
pic12-2.png


BIN
pic12-3.png