提交

css/return-order.css → css/return-order-index.css

@@ -44,8 +44,10 @@ header .home{
 header .home .fa-home{
     margin-right: 10px;
 }
-header .left .fa-bars{
-    color: #fff;
+header .bar .fa-bars{
+    position: absolute;
+    left: -90px;
+    top: 5px;
 }
 .main{
     height: 1000px;

css/return-order-type.css

+.type-container{
+    background-color: #ECF0F5;
+}
+.type-container .subnav{
+    font-size: 16px;
+    font-weight: 700;
+    height: 58px;
+    line-height: 58px;
+    display: flex;
+    justify-content: space-around;
+}   
+.type-container .subnav span{
+    font-weight: normal;
+}
+.subnav .colorspan{
+    color: #5199C3;
+}
+.subnav .phone{
+    display: inline-block;
+    width: 100px;
+    height: 20px;
+    line-height: 20px;
+    text-align: center;
+    color: #fff;
+    border-radius: 4px;
+    cursor: pointer;
+    background-color: #00C0EF;
+    font-weight: normal;
+    font-size: 14px;
+}
+.particulars{
+    padding: 0 60px;
+}
+.particulars span{
+    margin-right: 20px;
+}
+.title{
+    margin-bottom: 20px;
+}
+.particulars .bg{
+    display: block;
+    height: 15px;
+    width: 100%;
+    background-color: #DAE8F1;
+    margin: 10px 0;
+}
+.title select{
+    width: 130px;
+    height: 30px;
+    border-radius: 4px;
+}
+.beizhu{
+    background-color: #fff;
+}
+.beizhu span{
+    vertical-align: top;
+}
+.beizhu textarea{
+    width: 90%;
+    margin-left: 5px;
+}
+.type-container .btn{
+   width: 91%;
+   margin-left: 60px;
+   margin-top: 10px;
+   background-color: #00A65A;
+   border-color: #00A65A;
+}
+.table thead{
+    background-color: #DDE9F3;
+}
\ No newline at end of file

return-order.html → return-order-index.html

@@ -8,7 +8,7 @@
     <!--  Bootstrap 核心 CSS 文件 -->
     <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link rel="stylesheet" href="./css/return-order.css">
+    <link rel="stylesheet" href="./css/return-order-index.css">
     <script src="./js/jquery.min.js"></script>
     <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 </head>
@@ -17,15 +17,15 @@
     <header>
         <div class="container-fluid">
             <div class="row">
-                <div class="col-md-2">
+                <div class="col-xs-4 col-sm-4 col-md-3">
                     <a href="#" class="home"><i class="fa fa-home" aria-hidden="true"></i>YiDianLing.com</a>
                 </div>
-                <div class="col-md-10">
+                <div class="col-xs-8 col-sm-8 col-md-9">
                     <div class="row">
-                        <div class="col-sm-2 col-md-3 col-lg-6">
+                        <div class="col-sm-2 col-md-2 col-lg-5">
                             <a href="#" class="bar"><i class="fa fa-bars" aria-hidden="true"></i></a>
                         </div>
-                        <div class="col-sm-10 col-md-9 col-lg-6 info">
+                        <div class="col-sm-10 col-md-10 col-lg-7 info">
                             <a href="#">即将回收的客户<i class="circle">5</i></a>
                             <a href="#"><i class="fa fa-upload" aria-hidden="true"></i>上传</a>
                             <a href="#"><i class="fa fa-upload" aria-hidden="true"></i>备用上传</a>
@@ -41,7 +41,7 @@
     <div class="main">
         <div class="container-fluid main-container">
             <div class="row">
-                <div class="col-md-2 aside">
+                <div class="col-xs-6 col-sm-4 col-md-2 aside">
                         <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                 <div class="panel panel-default">
                                   <div class="panel-heading" role="tab" id="headingOne">
@@ -141,7 +141,7 @@
                                  </div>
                         </div>
                 </div>
-                <div class="col-md-10 digital-container">
+                <div class="col-xs-6 col-sm-8 col-md-10 digital-container">
                     <div class="subnav">
                         <h3>工单类型</h3>
                         <button type="button" class="btn btn-default select">全部</button>