浏览代码

首页修改

luoxiaoli@foxmail.com 6 年之前
父节点
当前提交
ac05edde30

+ 3 - 4
TEAMModelOS.SmartTeach/ClientApp/common/headers.vue

@@ -40,7 +40,7 @@
     height: 85px;
     background-color: #fff;
     margin: 0 auto;
-    
+
   }
   .header_left {
     width: 800px;
@@ -49,7 +49,7 @@
   }
   .header_right {
     width: 215px;
-    float: left;
+    float: right;
     height: 75px;
     padding-left:5%;
     padding-top:5px;
@@ -92,7 +92,6 @@
   }
     .helper img {
       width:100%;
-      margin-left:60%;
-    } 
+    }
 
 </style>

+ 14 - 11
TEAMModelOS.SmartTeach/ClientApp/components/resource/home.vue

@@ -34,7 +34,7 @@
       </ul>
     </div>
     <div class="arrow">
-      <img src="../../assets/image/resource/arrow.png">
+      <br><br>
       <h1>开通智慧学校</h1>
       <div class="box"></div>
     </div>
@@ -68,7 +68,7 @@
         ]
       };
     },
-   
+
   }
 </script>
 <style scoped>
@@ -103,7 +103,7 @@
 
   .who-is {
     height: 260px;
-    margin-top: -20px;
+    margin-top: -80px;
     position: relative;
     z-index: 20;
     width: 56.5%;
@@ -120,7 +120,7 @@
   }
 
     .who-is ul li span {
-      padding-top: 10px;
+      padding-top: 20px;
       display: block;
       font-size: 24px;
       /* margin-top: 35px; */
@@ -130,16 +130,16 @@
 
     .who-is ul li {
       float: left;
-      width: 255px;
-      height: 235px;
+      width: 240px;
+      height: 280px;
       text-align: center;
       position: relative;
-      box-shadow: 1px 1px 1px 1px #808080;
+      box-shadow: 0px 0px 5px #dde8f9;
       border-radius: 5%;
-      margin-left: 12px;
+      margin-left: 38px;
       background-color: #fff;
     }
-
+  .who-is ul li:first-child{margin-left:0}
   .show:hover {
     transition: all 0.6s;
     margin-top: -2%;
@@ -149,14 +149,16 @@
   .who-is ul li img {
     border: 0;
     /* vertical-align: middle; */
-    margin-top: 10%;
+    margin-top: 80px;
+    height: 93px;
   }
   .arrow{
     width:100%;
     text-align:center;
+
   }
     .arrow h1 {
-      margin-top: 30px;
+      margin-top: 70px;
       font-weight: 800;
       font-size: 26px;
       color: #0099FF;
@@ -164,6 +166,7 @@
     }
     .arrow img{
       width:25px;
+      margin-top: 20px;
     }
   .box {
     width: 120px;

+ 4 - 0
TEAMModelOS.TeachZone/ClientApp/assets/css/common.css

@@ -61,3 +61,7 @@ input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999;}
 .pad20{padding:20px;}
 .pad30{padding:30px;}
 .padB20{padding-bottom:20px; }
+.tran3{ transition: 0.3s;
+    -moz-transition:0.3s;
+    -webkit-transition: 0.3s;
+    -o-transition: 0.3s }

+ 9 - 6
TEAMModelOS.TeachZone/ClientApp/assets/css/style.css

@@ -129,10 +129,11 @@ body{
 
 /*studentList*/
 
-.studentList>dd{text-align:center;float:left;width: 21%;margin:2%;border-radius:2px;padding:15px 0 20px;
+.studentList>dd{text-align:center;float:left;width: 20%;margin:20px 2.5%;border-radius:2px;padding:15px 0 0;
     /*background:#f5f5f5;box-shadow: 1px 1px  1px rgba(0,0,0,0.2);*/
     border:1px solid #ddd;
-    position: relative;
+    /*position: relative;*/
+    /*box-shadow: 0 4px 15px #ddd;;*/
 }
 .studentList>dd i{
     background: #5cadff;
@@ -143,11 +144,13 @@ body{
 }
 .studentList>dd img{/*float:left;*/width: 50px;margin:0 15px 0 10px;}
 .studentList>dd h4{font-size: 16px;margin: 15px 0 0;}
-.studentList>dd span{color: #666;}
 .studentList>dd p{display:block;font-size: 12px;padding:5px 0;}
-
-
-/*noticeDetail*/
+.studentList>dd>.parentInfo{
+    position: absolute;top:0;left:0;width: 100%;height:100%;background: rgba(0,0,0,0.6);
+}
+.studentList>dd .contact{background: #288add;color: #fff;line-height: 25px;cursor: pointer;}
+.studentList>dd:hover{ box-shadow: 0 4px 15px #ddd;;}
+    /*noticeDetail*/
 .noticeDetail .title{border-bottom: 1px solid #ddd;padding:15px 0;}
 .noticeDetail .title>h3{font-size: 18px;margin:20px 0 15px;}
 .noticeDetail .title>ul{display: inline-block;}

+ 2 - 5
TEAMModelOS.TeachZone/ClientApp/components/studentList.vue

@@ -4,18 +4,15 @@
     <div class="content ov">
       <dl class="studentList fl " style="width: 100%">
         <dt>学生名单 <!--<a href="" class="fr">更多+</a>--></dt>
-        <dd v-for="item in students">
+        <dd v-for="item in students" class="tran3">
           <a href="">
             <img src="../assets/image/head.png" alt="">
             <h4>{{item.name}}</h4>
             <i v-if="item.post">{{item.post}}</i>
             <p>{{item.num}}</p>
-            <!--<p>立即联系</p>-->
+            <div class="contact">立即联系</div>
           </a>
         </dd>
-
-
-
       </dl>
     </div>
   </div>

+ 1 - 1
TEAMModelOS.TeachZone/ClientApp/router/routes.js

@@ -11,7 +11,7 @@ import NoticeDetail from '@/view/noticeDetail'
 import Source from '@/view/source'
 import TeachSource from '@/view/teachSource'
 import TeachSourceDetail from '@/view/teachSourceDetail'
-import TeachSourceVideo from '@/view/teachSourceVideo'
+import TeachSourceVideo from '@/view/teachSourceDetail'
 import TeachSourcePpt from '@/view/teachSourceDetail'
 import TeachPreclass from '@/view/teachPreclass'
 import TeachPrelesson from '@/view/teachPrelesson'

+ 0 - 2
TEAMModelOS.TeachZone/ClientApp/view/teachSourceVideo.vue

@@ -21,8 +21,6 @@
              </ul>
            </div>
            <div >
-             <video controls="controls" src="http://mct-whtymct.huijiaoyun.com/gfs_mnt/data7/2017/12/14/16/33/d5954e58a8b841b0b7a175a92c1d2af9/af13a29dc9db4e5cb0cf1f39602940e9/a090dc48419942be8edfb79cfce49899.mp4?authorization=bce-auth-v1/08da4fd5cf644d458c950b09bdb95666/2017-12-14T08:46:29Z/-1//c6ff6e09909a38673aeedbbe8f74ab964771f45359a8728f06b0f7f5e164ac20" id="ckplayer_a1" width="937" height="480"></video>
-             <!--<iframe src="http://res.huijiaoyun.com:22021//data9/transform/2019/1/14/21/56/8b188019f7f1406694fbd52154840654/28870b8a84e5b7fe607419a194d09699.doc/html4/transform.html"></iframe>-->
            </div>
            <div class="comment">
              <h4>总体印象</h4>