Главная Обзор Помощь
Вход
yuanMM
/
h5-add
1
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Просмотр исходного кода

增加头部导航及返回按钮

ming 4 лет назад
Родитель
a34ada4026
Сommit
dcac576bba
5 измененных файлов с 66 добавлено и 15 удалено
Разделённый вид Показать статистику Diff
  1. 8 1
      add.html
  2. 39 5
      css/common.css
  3. 10 5
      device-manage.html
  4. BIN
      image/left-icon.png
  5. 9 4
      site-manage.html

+ 8 - 1
add.html
Просмотреть файл 

@@ -18,7 +18,14 @@
 
 
 <body>
 
     <div class="page-wrapper">
 
-        <form action="">
 
+        <div class="fixed-section">
 
+            <div class="nav-tit">
 
+                <a class="goBack" onclick="history.back()"></a>
 
+                新增
 
+            </div>
 
+
 
+        </div>
 
+        <form action="" style="margin-top:40px">
 
             <div>
 
                 <span><i>*</i>站点名称:</span>
 
                 <input type="text" name="siteName">

+ 39 - 5
css/common.css
Просмотреть файл 

@@ -243,7 +243,7 @@ body {
 
 }
 
 
 .device-list {
 
-    margin-top: 66px;
 
+    margin-top: 106px;
 
     margin-bottom: 100px;
 
 }
 
 
@@ -321,16 +321,50 @@ body {
 
     border-bottom: 1px solid #EDEDED
 
 }
 
 
+.fixed-section {
 
+    position: fixed;
 
+    top: 0;
 
+    width: 100%;
 
+    z-index: 9
 
+}
 
+
 
 
 /* 筛选 */
 
 
 .filterSection {
 
     padding: 15px 12px;
 
     background: #f1f1f1;
 
-    position: fixed;
 
-    top: 0;
 
     width: 100%;
 
-    z-index: 9
 
+}
 
+
 
+.nav-tit {
 
+    background: #333;
 
+    color: #fff;
 
+    line-height: 45px;
 
+    text-align: center;
 
+    font-size: 20px;
 
+    position: relative;
 
+}
 
+
 
+
 
+/* .nav-tit img {
 
+    width: 10px;
 
+    position: absolute;
 
+    left: 25px;
 
+    top: 12px;
 
+} */
 
+
 
+.goBack {
 
+    color: #ffffff;
 
+    height: 45px;
 
+    width: 20px;
 
+    display: inline-block;
 
+    float: left;
 
+    background: url(../image/left-icon.png) no-repeat center;
 
+    background-size: 12px 16px;
 
+    margin-left: 20px;
 
+    position: absolute;
 
+    left: 0;
 
 }
 
 
 input {
 
@@ -351,7 +385,7 @@ input {
 
 .search {
 
     border-radius: 18px;
 
     line-height: 35px;
 
-    width: 23%;
 
+    width: 21%;
 
     background: #4074E7;
 
     color: #fff;
 
     display: inline-block;

+ 10 - 5
device-manage.html
Просмотреть файл 

@@ -18,13 +18,18 @@
 
 
 <body>
 
     <div class="page-wrapper">
 
-
 
-        <div class="filterSection">
 
-            <input type="text" placeholder="请选择传输方式">
 
-            <span class="search">查询</span>
 
-
 
+        <div class="fixed-section">
 
+            <div class="nav-tit">
 
+                <a class="goBack" onclick="history.back()"></a>
 
+                设备管理
 
+            </div>
 
+            <div class="filterSection">
 
+                <input type="text" placeholder="请选择传输方式">
 
+                <span class="search">查询</span>
 
+            </div>
 
         </div>
 
 
+
 
         <div class="device-list parent">
 
             <div class="noResult">
 
                 <p>暂无查询结果...</p>

BIN
image/left-icon.png
Просмотреть файл


+ 9 - 4
site-manage.html
Просмотреть файл 

@@ -19,10 +19,15 @@
 
 <body>
 
     <div class="page-wrapper">
 
 
-        <div class="filterSection">
 
-            <input type="text" placeholder="请选择传输方式">
 
-            <span class="search">查询</span>
 
-
 
+        <div class="fixed-section">
 
+            <div class="nav-tit">
 
+                <a class="goBack" onclick="history.back()"></a>
 
+                站点管理
 
+            </div>
 
+            <div class="filterSection">
 
+                <input type="text" placeholder="请选择传输方式">
 
+                <span class="search">查询</span>
 
+            </div>
 
         </div>
 
         <div class="device-list">
 
             <div class="noResult">