Browse Source

教师页修改

zhou sheng 6 years ago
parent
commit
4581761a69

BIN
TEAMModelOS.SmartTeach/ClientApp/assets/image/resource/data-view-active.png


BIN
TEAMModelOS.SmartTeach/ClientApp/assets/image/resource/data-view-article.png


BIN
TEAMModelOS.SmartTeach/ClientApp/assets/image/resource/data-view-bg.png


BIN
TEAMModelOS.SmartTeach/ClientApp/assets/image/resource/data-view-member.png


BIN
TEAMModelOS.SmartTeach/ClientApp/assets/image/resource/data-view-move.png


BIN
TEAMModelOS.SmartTeach/ClientApp/assets/image/resource/data-view-resource.png


BIN
TEAMModelOS.SmartTeach/ClientApp/assets/image/resource/data-view-teacher.png


BIN
TEAMModelOS.SmartTeach/ClientApp/assets/image/resource/title-bg.jpg


+ 149 - 52
TEAMModelOS.SmartTeach/ClientApp/components/resource/teacherMap.vue

@@ -55,62 +55,58 @@
             </div>
           </div>
         </div>
-        <div class="data-view">
-          <div class="four">
-            <img src="https://css.huijiaoyun.com/tianyu_edu/html_other_edu/cd_good_school/images/four.png" alt="">
+
+      </div>
+    </div>
+    <div class="data-view">
+      <div class="four">
+        <img src="https://css.huijiaoyun.com/tianyu_edu/html_other_edu/cd_good_school/images/four.png" alt="">
+      </div>
+      <div class="resource-data">
+        <div class="data-item">
+          <div class="img-content">
+            <span class="data-view-teacher"></span>
           </div>
-          <div class="ewm_img">
-            <img src="https://css.huijiaoyun.com/tianyu_edu/html_other_edu/cd_good_school/images/ewm.png">
-            <p class="ewm_text">名师工作室发展报告</p>
+          <p class="data-name">名师总数</p>
+          <p class="number">13201</p>
+        </div>
+        <div class="data-item">
+          <div class="img-content">
+            <span class="data-view-member"></span>
           </div>
-          <div class="resource-data">
-            <div class="data-item">
-              <div class="img-content">
-                <span class="data-view-teacher"></span>
-              </div>
-              <p class="data-name">名师总数</p>
-              <p class="number">13201</p>
-            </div>
-            <div class="data-item">
-              <div class="img-content">
-                <span class="data-view-member"></span>
-              </div>
-              <p class="data-name">成员总数</p>
-              <p class="number">579260</p>
-            </div>
-            <div class="data-item">
-              <div class="img-content">
-                <span class="data-view-article"></span>
-              </div>
-              <p class="data-name">文章总数</p>
-              <p class="number">1561686</p>
-            </div>
-            <div class="data-item">
-              <div class="img-content">
-                <span class="data-view-active"></span>
-              </div>
-              <p class="data-name">活动总数</p>
-              <p class="number">38792</p>
-            </div>
-            <div class="data-item">
-              <div class="img-content">
-                <span class="data-view-resource"></span>
-              </div>
-              <p class="data-name">资源总数</p>
-              <p class="number">1428690</p>
-            </div>
-            <div class="data-item">
-              <div class="img-content">
-                <span class="data-view-move"></span>
-              </div>
-              <p class="data-name">优课总数</p>
-              <p class="number">234346</p>
-            </div>
+          <p class="data-name">成员总数</p>
+          <p class="number">579260</p>
+        </div>
+        <div class="data-item">
+          <div class="img-content">
+            <span class="data-view-article"></span>
+          </div>
+          <p class="data-name">文章总数</p>
+          <p class="number">1561686</p>
+        </div>
+        <div class="data-item">
+          <div class="img-content">
+            <span class="data-view-active"></span>
+          </div>
+          <p class="data-name">活动总数</p>
+          <p class="number">38792</p>
+        </div>
+        <div class="data-item">
+          <div class="img-content">
+            <span class="data-view-resource"></span>
           </div>
+          <p class="data-name">资源总数</p>
+          <p class="number">1428690</p>
+        </div>
+        <div class="data-item">
+          <div class="img-content">
+            <span class="data-view-move"></span>
+          </div>
+          <p class="data-name">优课总数</p>
+          <p class="number">234346</p>
         </div>
       </div>
     </div>
-
   </div>
 </template>
 <script>
@@ -285,7 +281,7 @@
             roam: false,
             itemStyle: {
               normal: {
-                areaColor: 'blue',
+                areaColor: 'white',
                 borderColor: '#81ADDC'
               },
               emphasis: {
@@ -365,7 +361,7 @@
     height: 600px;
     /*margin-left:150px;*/
     padding-left: 250px;
-    background: url("../../assets/image/resource/banner2.jpg") center 100% no-repeat;
+    background: url("../../assets/image/resource/title-bg.jpg") center 120% no-repeat;
   }
   .header {
     width: 100%;
@@ -514,4 +510,105 @@
    .item .txt {
     color: #888;
   }
+  .data-view {
+    width: 100%;
+    height: 663px;
+    overflow: hidden;
+    background: url('../../assets/image/resource/data-view-bg.png') no-repeat center center;
+  }
+  .four {
+    width: 409px;
+    height: 248px;
+    overflow: hidden;
+    margin: 40px auto;
+  }
+    .four img {
+      width: 409px;
+    }
+  .ewm_img {
+    width: 79.5%;
+    height: 300px;
+    text-align: right;
+    position: absolute;
+    top: 2128px;
+    left: 0px;
+  }
+    .ewm_img img {
+      width: 150px;
+      height: 150px;
+    }
+  .ewm_text {
+    font-size: 17px;
+    color: #fff;
+    margin-top: 10px;
+  }
+  .resource-data {
+    width: 1100px;
+    height: 130px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    margin: 130px auto 0;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-justify-content: space-around;
+    -ms-flex-pack: distribute;
+    justify-content: space-around;
+  }
+  .data-item {
+    width: 130px;
+    height: 100%;
+  }
+  .img-content {
+    width: 60px;
+    height: 60px;
+    margin: 25px auto 17px;
+    text-align: center;
+  }
+  .data-view-teacher {
+    width: 43px;
+    height: 51px;
+    margin-top: 4px;
+    background: url('../../assets/image/resource/data-view-teacher.png') no-repeat;
+  }
+  .data-view-member {
+    width: 54px;
+    height: 33px;
+    margin-top: 13px;
+    background: url('../../assets/image/resource/data-view-member.png') no-repeat;
+  }
+  .data-view-article {
+    width: 46px;
+    height: 50px;
+    margin-top: 4px;
+    background: url('../../assets/image/resource/data-view-article.png') no-repeat;
+  }
+  .data-view-active {
+    width: 44px;
+    height: 50px;
+    margin-top: 4px;
+    background: url('../../assets/image/resource/data-view-active.png') no-repeat;
+  }
+  .data-view-resource {
+    width: 46px;
+    height: 50px;
+    margin-top: 4px;
+    background: url('../../assets/image/resource/data-view-resource.png') no-repeat;
+  }
+  .data-view-move {
+    width: 52px;
+    height: 50px;
+    margin-top: 4px;
+    background: url('../../assets/image/resource/data-view-move.png') no-repeat;
+  }
+  .data-name {
+    font-size: 18px;
+    color: #555;
+  }
+  .number {
+    font-size: 24px;
+    color: #000;
+  }
+
 </style>

+ 4 - 1
TEAMModelOS.SmartTeach/ClientApp/view/resource/Teacher.vue

@@ -2,16 +2,19 @@
   <div id="app">
     <Header></Header>
     <teacher-map></teacher-map>
+    <Footer></Footer>
   </div>
 </template>
 <script>
   import Header from '@/common/headers.vue'
   import TeacherMap from '@/components/resource/teacherMap.vue'
+  import Footer from '@/common/footer.vue'
 
   export default {
     components: {
       Header,
-      TeacherMap
+      TeacherMap,
+      Footer
     },
     data() {
       return {