Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
root
/
UseStudio.Browers
Obserwuj 2
Polub 0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Przeglądaj źródła

制作宣传页

Nnuo 8 lat temu
rodzic
0443799919
commit
5ef2fc2a41
17 zmienionych plików z 208 dodań i 12 usunięć
Widok podzielony Pokaż statystyki zmian
  1. 77 2
      resources/app/index.html
  2. 131 10
      resources/app/public/css/browser.css
  3. BIN
      resources/app/public/img/index/address.png
  4. BIN
      resources/app/public/img/index/apple.png
  5. BIN
      resources/app/public/img/index/banner.png
  6. BIN
      resources/app/public/img/index/company.png
  7. BIN
      resources/app/public/img/index/computer.png
  8. BIN
      resources/app/public/img/index/computer2.png
  9. BIN
      resources/app/public/img/index/developmentTools.png
  10. BIN
      resources/app/public/img/index/download.png
  11. BIN
      resources/app/public/img/index/email.png
  12. BIN
      resources/app/public/img/index/kernel.png
  13. BIN
      resources/app/public/img/index/linux.png
  14. BIN
      resources/app/public/img/index/phone.png
  15. BIN
      resources/app/public/img/index/quickStart.png
  16. BIN
      resources/app/public/img/index/save.png
  17. BIN
      resources/app/public/img/index/window.png

+ 77 - 2
resources/app/index.html
Wyświetl plik 

@@ -9,8 +9,83 @@
 
     <link rel="stylesheet" href="./public/css/browser.css">
 
 </head>
 
 <body>
 
-<section class=""></section>    
+<div class="CampusInfoBanner">
 
+    <div class="CampusInfoContainer">
 
+        <a href="index.html">
 
+            <img src="./public/img/logo.png" alt="logo">
 
+            <span class="title">有思俱乐部</span>
 
+        </a>
 
+        <div class="CampusInfoBannerItem">
 
+            <h1>急速预览，安全稳定</h1>
 
+            <p>更小的内存以及更快的我相应速度</p>
 
+
 
+        </div>
 
+        <ul class="CampusInfoDownload">
 
+            <li>
 
+                <div class="CampusInfoDownloadItem">
 
+                    <img src="./public/img/index/window.png" alt="">
 
+                    <span>Windows</span>
 
+                </div>
 
+                <button class="BtnDownload">
 
+                    <img src="./public/img/index/download.png" alt="">
 
+                    <span>立即下载</span>
 
+                </button>
 
+            </li>
 
+            <li>
 
+                <div class="CampusInfoDownloadItem">
 
+                    <img src="./public/img/index/apple.png" alt="">
 
+                    <span>Apple</span>
 
+                </div>
 
+                <button class="BtnDownload">
 
+                    <img src="./public/img/index/download.png" alt="">
 
+                    <span>立即下载</span>
 
+                </button>
 
+            </li>
 
+            <li>
 
+                <div class="CampusInfoDownloadItem">
 
+                    <img src="./public/img/index/linux.png" alt="">
 
+                    <span>Linux</span>
 
+                </div>
 
+                <button class="BtnDownload">
 
+                    <img src="./public/img/index/download.png" alt="">
 
+                    <span>立即下载</span>
 
+                </button>
 
+            </li>   
+        </ul>
 
+    </div>
 
+</div>  
+<div class="CampusInfoIntroduce clearfix">
 
+    <div class="CampusInfoContainer">
 
+        <img class="fl" src="./public/img/index/computer2.png" alt="">
 
+        <div class="CampusInfoTitle fr">
 
+            <h3>去繁求简</h3>
 
+            <p>一个简洁高效的游览器</p>
 
+        </div>
 
+    </div>
 
+</div>
 
+<div class="CampusInfoKernel">
 
+    <div class="CampusInfoContainer">
 
+        <div class="CampusInfoTitle">
 
+            <h3>内置webkit内核</h3>
 
+            <p>急速浏览体验</p>
 
+        </div>
 
+        <ul>
 
+            <li>
 
+                <img src="./public/img/index/computer.png" alt="">
 
+                <p>快速打开网页</p>
 
+            </li>
 
+            <li>
 
+                <img src="./public/img/index/kernel.png" alt="">
 
+                <p>快速打开网页</p>
 
+            </li>
 
+            <li>
 
+                <img src="./public/img/index/quickStart.png" alt="">
 
+                <p>快速打开网页</p>
 
+            </li>
 
+        </ul>
 
+    </div>
 
+</div>
 
 <script src="./public/js/uform.js"></script>
 
-<script src="./public/js/browser.js"></script>
 
+<!-- <script src="./public/js/browser.js"></script> -->
 
 </body>
 
 </html>

+ 131 - 10
resources/app/public/css/browser.css
Wyświetl plik 

@@ -1,4 +1,12 @@
 
 @charset "utf-8";
 
+*{
 
+    margin: 0;
 
+    padding: 0;
 
+    font-family:Microsoft YaHei,fontello;
 
+    -webkit-font-smoothing: antialiased;
 
+    -moz-osx-font-smoothing: grayscale;
 
+    list-style: none;
 
+}
 
 body{
 
     margin: 0;
 
     padding: 0;
 
@@ -8,6 +16,10 @@ ul,li{
 
     padding: 0;
 
     list-style: none;
 
 }
 
+button:focus,button{
 
+    outline: none;
 
+    cursor: pointer;
 
+}
 
 .clearfix:after{
 
     content: "";
 
     height: 0;
 
@@ -279,18 +291,127 @@ button.BrowwerAdd {
 
     background: #e8e8e8;
 
     margin: 5px 0;
 
 }
 
-*{
 
-    margin: 0;
 
-    padding: 0;
 
-    font-family:Microsoft YaHei,fontello;
 
-    -webkit-font-smoothing: antialiased;
 
-    -moz-osx-font-smoothing: grayscale;
 
-    list-style: none;
 
+/* 首页 */
 
+.CampusInfoBanner{
 
+    position: relative;
 
+    height: 600px;
 
+    background-image: url(../img/index/banner.png);
 
+    background-size: contain;
 
+    background-position: 50% 50%;
 
+    background-repeat: no-repeat;
 
+    background-size: cover;
 
+    z-index: 200;
 
+}
 
+.CampusInfoContainer{
 
+    max-width: 1080px;
 
+    height: inherit;
 
+    margin: 0 auto;
 
+    -webkit-font-smoothing: subpixel-antialiased;
 
+    text-align: center;
 
 }
 
-button:focus,button{
 
-    outline: none;
 
-    cursor: pointer;
 
+.CampusInfoContainer .fl{
 
+    float: left;
 
+}
 
+.CampusInfoContainer .fr{
 
+    float: right;
 
+}
 
+.CampusInfoBanner a {
 
+    float: left;
 
+    width: auto;
 
+    padding: 20px 0;
 
+    display: -webkit-inline-box;
 
+    max-width: 200px;
 
+    text-decoration: none;
 
+}
 
+.CampusInfoBanner img{
 
+    width: 25px;
 
+}
 
+.CampusInfoBanner span{
 
+    display: block;
 
+    padding-left: 10px;
 
+    line-height: 28px;
 
+    font-size: 16px;
 
+    color: #e0e0e0;
 
+}
 
+.CampusInfoBannerItem {
 
+    width: 730px;
 
+    padding-top: 160px;
 
+    margin: auto;
 
+}
 
+.CampusInfoBannerItem h1{
 
+    font-size: 64px;
 
+    color: #fff;
 
+}
 
+.CampusInfoBannerItem p {
 
+    padding-top: 10px;
 
+    font-size: 18px;
 
+    color: #fff;
 
+}
 
+.CampusInfoDownloadItem {
 
+    display: flex;
 
+    justify-content: center;
 
+    align-items: center;
 
+    padding: 10px 20px;
 
+}
 
+.CampusInfoDownload {
 
+    width: 730px;
 
+    margin: 45px auto 0;
 
+}
 
+.CampusInfoDownload li {
 
+    display: inline-block;
 
+    padding: 0 15px;
 
+    width: 150px;
 
+    text-align: center;
 
+}
 
+.BtnDownload {
 
+    display: flex;
 
+    justify-content: center;
 
+    align-items: center;
 
+    width: 150px;
 
+    height: 40px;
 
+    background: #0077e6;
 
+    border: transparent;
 
+    border-radius: 5px;
 
+    line-height: 12px;
 
+}
 
+.CampusInfoIntroduce {
 
+    position: relative;
 
+    top: -80px;
 
+    z-index: 999;
 
+}
 
+.BtnDownload img{
 
+    width: 18px;
 
+}
 
+.BtnDownload span{
 
+    display:inline-block;
 
+}
 
+.CampusInfoIntroduce .CampusInfoTitle {
 
+    padding: 190px 0;
 
+}
 
+.CampusInfoTitle{
 
+    margin: 40px 0;
 
+    line-height: 50px;
 
+}
 
+.CampusInfoTitle h3{
 
+    font-size: 36px;
 
+    color: #363636;
 
+}
 
+.CampusInfoTitle p{
 
+    font-size: 20px;
 
+    color: #838383;
 
+}
 
+.CampusInfoKernel{
 
+    background: #ededed;
 
+    padding: 40px 0;
 
+}
 
+.CampusInfoKernel li {
 
+    display: inline-block;
 
+    padding: 0 60px;
 
+    line-height: 30px;
 
+    font-size: 16px;
 
+    color: #979696;
 
 }
 
+/* 首页end */
 
 @font-face {
 
     font-family: 'fontello';
 
     src: url('../font/fontello.eot?70736739');

BIN
resources/app/public/img/index/address.png
Wyświetl plik


BIN
resources/app/public/img/index/apple.png
Wyświetl plik


BIN
resources/app/public/img/index/banner.png
Wyświetl plik


BIN
resources/app/public/img/index/company.png
Wyświetl plik


BIN
resources/app/public/img/index/computer.png
Wyświetl plik


BIN
resources/app/public/img/index/computer2.png
Wyświetl plik


BIN
resources/app/public/img/index/developmentTools.png
Wyświetl plik


BIN
resources/app/public/img/index/download.png
Wyświetl plik


BIN
resources/app/public/img/index/email.png
Wyświetl plik


BIN
resources/app/public/img/index/kernel.png
Wyświetl plik


BIN
resources/app/public/img/index/linux.png
Wyświetl plik


BIN
resources/app/public/img/index/phone.png
Wyświetl plik


BIN
resources/app/public/img/index/quickStart.png
Wyświetl plik


BIN
resources/app/public/img/index/save.png
Wyświetl plik


BIN
resources/app/public/img/index/window.png
Wyświetl plik