|
@@ -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>
|