|
@@ -0,0 +1,180 @@
|
|
|
+<template>
|
|
|
+ <div class="internalheader_box">
|
|
|
+ <div class="u-zy-tit u-zy-tit2 zy-new">
|
|
|
+ <div class="w1200 clearfix">
|
|
|
+ <ul class="zy-nav2">
|
|
|
+ <li><a href="resNationListPage.html">国家基础教育资源</a></li>
|
|
|
+ <li class="on"><a class="" href="resLocalListPage.html">区域基础教育资源</a></li>
|
|
|
+ </ul>
|
|
|
+ <div class="fr ni_g_pr">
|
|
|
+ <div class="fr search-rect ni_g_z_index2">
|
|
|
+ <p class="ipt-text">
|
|
|
+ <input type="text" placeholder="请输入关键字" class="" id="title">
|
|
|
+ </p>
|
|
|
+ <input type="button" value="" class="ipt-btn" id="searchBtn">
|
|
|
+ </div>
|
|
|
+ <div class="ni_g_sel_plus" style="width:202px;padding-top: 25px;display: none">
|
|
|
+ <ul class="ni_ul"></ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="site-otherNav">
|
|
|
+ <p class="w1200">
|
|
|
+ <a href="javascript:titleQuery('resLocalListPage.html');" :class="status">备课</a>
|
|
|
+ <a href="javascript:changeQuery('examResLocalListPage.html' );" :class="status_one">卷库</a>
|
|
|
+ <a href="resNewSpecialTopicPage.html">特色<i></i></a>
|
|
|
+ <a href="microLessonList.html?periodId=cz&subjectId=jcsub02"><i></i>微课</a>
|
|
|
+ <a href="resLocalListPage.html?fromPage=ZJ"><i></i>职教</a>
|
|
|
+ <a href="resLocalListPage.html?fromPage=YJ"><i></i>学前</a>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ status: '',
|
|
|
+ status_one:''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.path();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ path() {
|
|
|
+ let now_url = '';
|
|
|
+ now_url = this.$route.path;
|
|
|
+ console.log(this.$route.path)
|
|
|
+ if (now_url == '/synchronization') {
|
|
|
+ this.status = 'on'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+<style scoped>
|
|
|
+ .internalheader_box {
|
|
|
+ width:100%;
|
|
|
+ }
|
|
|
+ .u-zy-tit2 {
|
|
|
+ width: 100%;
|
|
|
+ min-width: 1200px;
|
|
|
+ background: #26b5ff;
|
|
|
+ }
|
|
|
+ .w1200 {
|
|
|
+ width: 1200px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .u-zy-tit {
|
|
|
+ height: 64px;
|
|
|
+ line-height: 64px;
|
|
|
+ }
|
|
|
+ .clearfix {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ ol, ul, li {
|
|
|
+ list-style: none;
|
|
|
+ }
|
|
|
+ .zy-nav2 li {
|
|
|
+ float: left;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .zy-nav2 li a {
|
|
|
+ color: #fff;
|
|
|
+ padding: 0 20px;
|
|
|
+ height: 64px;
|
|
|
+ line-height: 64px;
|
|
|
+ display: block;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ a, a:visited {
|
|
|
+ text-decoration: none;
|
|
|
+ }
|
|
|
+ .zy-nav2 li {
|
|
|
+ float: left;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .ni_g_pr {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .fr {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ .u-zy-tit .search-rect {
|
|
|
+ width: 270px;
|
|
|
+ height: 38px;
|
|
|
+ border-radius: 19px;
|
|
|
+ overflow: hidden;
|
|
|
+ zoom: 1;
|
|
|
+ margin-top: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ni_g_z_index2 {
|
|
|
+ position: relative;
|
|
|
+ z-index: 2;
|
|
|
+ }
|
|
|
+ .u-zy-tit .ipt-text {
|
|
|
+ float: left;
|
|
|
+ width: 164px;
|
|
|
+ padding: 10px 19px 0 19px;
|
|
|
+ height: 54px;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ .u-zy-tit .ipt-text input {
|
|
|
+ height: 18px;
|
|
|
+ line-height: 18px;
|
|
|
+ border: 0;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ input, select, textarea {
|
|
|
+ color: #222;
|
|
|
+ font-size: 12px;
|
|
|
+ resize: none;
|
|
|
+ outline: none;
|
|
|
+ font-family: "microsoft yahei";
|
|
|
+ }
|
|
|
+ .u-zy-tit .ipt-btn {
|
|
|
+ float: left;
|
|
|
+ background: url(../../assets/image/resource/search.png) no-repeat 0 0;
|
|
|
+ width: 68px;
|
|
|
+ height: 64px;
|
|
|
+ cursor: pointer;
|
|
|
+ border: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ input, select, textarea {
|
|
|
+ color: #222;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 140%;
|
|
|
+ resize: none;
|
|
|
+ outline: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .site-otherNav {
|
|
|
+ height: 40px;
|
|
|
+ background: #e5e5e5;
|
|
|
+ }
|
|
|
+ .site-otherNav p {
|
|
|
+ padding-left: 158px;
|
|
|
+ width: 1042px;
|
|
|
+ }
|
|
|
+ .site-otherNav a:hover, .site-otherNav a.on {
|
|
|
+ background: #d2d2d2;
|
|
|
+ text-decoration: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .site-otherNav a {
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 40px;
|
|
|
+ margin: 0 10px;
|
|
|
+ color: #888;
|
|
|
+ display: inline-block;
|
|
|
+ padding: 0 10px;
|
|
|
+ height: 40px;
|
|
|
+ }
|
|
|
+</style>
|