Browse Source

修改样式

zhangxc 5 years ago
parent
commit
db2b02e42f
5 changed files with 71 additions and 9 deletions
  1. 17 0
      src/css/itemManager.less
  2. 22 0
      src/css/moduleManager.less
  3. 17 0
      src/css/qcList.less
  4. 12 9
      src/html/moduleManager.html
  5. 3 0
      src/js/moduleManager.js

+ 17 - 0
src/css/itemManager.less

@@ -25,6 +25,14 @@ table{
         border:1px solid #E2E5EF;
         border-collapse: collapse;
     }
+    th{
+        font-size: 14px;
+        font-weight: 500;
+    }
+    td{
+        font-size: 14px;
+        font-weight: 500 
+    }
     .moduleNumber{
         text-align: center;
     }
@@ -157,4 +165,13 @@ table{
 }
 .arrowPage{
     width: 6px;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+}
+ 
+input[type="number"] {
+    -moz-appearance: textfield;
 }

+ 22 - 0
src/css/moduleManager.less

@@ -33,6 +33,14 @@ table{
         border:1px solid #E2E5EF;
         border-collapse: collapse;/*关键代码*/
     }
+    th{
+        font-size: 14px;
+        font-weight: 500;
+    }
+    td{
+        font-size: 14px;
+        font-weight: 500 
+    }
     .moduleNumber{
         text-align: center;
     }
@@ -42,6 +50,7 @@ table{
     text-align: center;
     input{
         text-align: center  ;
+        height: 30px;
     }
 }
 .saveModuleBox{
@@ -56,6 +65,9 @@ table{
     border-radius: 5px;
     cursor: pointer;
 }
+.tableWrapper{
+    overflow-y: auto;
+}
 .mask {
     position: fixed;
     width: 100%;
@@ -65,3 +77,13 @@ table{
     left: 0;
     top: 0;
 }
+
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+}
+ 
+input[type="number"] {
+    -moz-appearance: textfield;
+}

+ 17 - 0
src/css/qcList.less

@@ -25,6 +25,14 @@ table{
         border:1px solid #E2E5EF;
         border-collapse: collapse;
     }
+    th{
+        font-size: 14px;
+        font-weight: 500;
+    }
+    td{
+        font-size: 14px;
+        font-weight: 500 
+    }
     .moduleNumber{
         text-align: center;
     }
@@ -204,4 +212,13 @@ table{
 .ui-widget-header {
     background-color: #fff;
     border: 0 none;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+}
+ 
+input[type="number"] {
+    -moz-appearance: textfield;
 }

+ 12 - 9
src/html/moduleManager.html

@@ -14,16 +14,19 @@
        <h2>模块数据维护</h2>
        <div class="main-body">
            <p class="totalSumBox">当前分数合计:<span class="totalSum"></span></p>
-            <table>
-                <thead>
-                    <th class="moduleNumber">序号</th>
-                    <th class="moduleName">模块名称</th>
-                    <th class="moduleScore">分数</th>
-                </thead>
-                <tbody>
+           <div class="tableWrapper">
+                <table>
+                    <thead>
+                        <th class="moduleNumber">序号</th>
+                        <th class="moduleName">模块名称</th>
+                        <th class="moduleScore">分数</th>
+                    </thead>
+                    <tbody>
 
-                </tbody>
-            </table>
+                    </tbody>
+                </table>
+           </div>
+            
             <div class="saveModuleBox">
                 <span class="saveModule">保存</span>
             </div>

+ 3 - 0
src/js/moduleManager.js

@@ -8,6 +8,9 @@ require('./../resource/layui/css/layui.css');
 // const  layui = require('layui-src');
 const {api} = require('./api.js')
 const {post} = require('./utils.js')
+$(".tableWrapper").css({
+    height:$(window).height()-180+'px'
+})
 
 let data = {}
 function getTabData(){