internalheader.vue 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. <template>
  2. <div class="internalheader_box">
  3. <div class="u-zy-tit u-zy-tit2 zy-new">
  4. <div class="w1200 clearfix">
  5. <ul class="zy-nav2">
  6. <li><a href="resNationListPage.html">国家基础教育资源</a></li>
  7. <li class="on"><a class="" href="resLocalListPage.html">区域基础教育资源</a></li>
  8. </ul>
  9. <div class="fr ni_g_pr">
  10. <div class="fr search-rect ni_g_z_index2">
  11. <p class="ipt-text">
  12. <input type="text" placeholder="请输入关键字" class="" id="title">
  13. </p>
  14. <input type="button" value="" class="ipt-btn" id="searchBtn">
  15. </div>
  16. <div class="ni_g_sel_plus" style="width:202px;padding-top: 25px;display: none">
  17. <ul class="ni_ul"></ul>
  18. </div>
  19. </div>
  20. </div>
  21. </div>
  22. <div class="site-otherNav">
  23. <p class="w1200">
  24. <a href="javascript:titleQuery('resLocalListPage.html');" :class="status">备课</a>
  25. <a href="javascript:changeQuery('examResLocalListPage.html' );" :class="status_one">卷库</a>
  26. <a href="resNewSpecialTopicPage.html">特色<i></i></a>
  27. <a href="microLessonList.html?periodId=cz&amp;subjectId=jcsub02"><i></i>微课</a>
  28. <a href="resLocalListPage.html?fromPage=ZJ"><i></i>职教</a>
  29. <a href="resLocalListPage.html?fromPage=YJ"><i></i>学前</a>
  30. </p>
  31. </div>
  32. </div>
  33. </template>
  34. <script>
  35. export default {
  36. data() {
  37. return {
  38. status: '',
  39. status_one:''
  40. }
  41. },
  42. created() {
  43. this.path();
  44. },
  45. methods: {
  46. path() {
  47. let now_url = '';
  48. now_url = this.$route.path;
  49. console.log(this.$route.path)
  50. if (now_url == '/synchronization') {
  51. this.status = 'on'
  52. }
  53. }
  54. }
  55. }
  56. </script>
  57. <style scoped>
  58. .internalheader_box {
  59. width:100%;
  60. }
  61. .u-zy-tit2 {
  62. width: 100%;
  63. min-width: 1200px;
  64. background: #26b5ff;
  65. }
  66. .w1200 {
  67. width: 1200px;
  68. margin: 0 auto;
  69. }
  70. .u-zy-tit {
  71. height: 64px;
  72. line-height: 64px;
  73. }
  74. .clearfix {
  75. display: block;
  76. }
  77. ol, ul, li {
  78. list-style: none;
  79. }
  80. .zy-nav2 li {
  81. float: left;
  82. font-size: 14px;
  83. }
  84. .zy-nav2 li a {
  85. color: #fff;
  86. padding: 0 20px;
  87. height: 64px;
  88. line-height: 64px;
  89. display: block;
  90. font-size: 16px;
  91. }
  92. a, a:visited {
  93. text-decoration: none;
  94. }
  95. .zy-nav2 li {
  96. float: left;
  97. font-size: 14px;
  98. }
  99. .ni_g_pr {
  100. position: relative;
  101. }
  102. .fr {
  103. float: right;
  104. }
  105. .u-zy-tit .search-rect {
  106. width: 270px;
  107. height: 38px;
  108. border-radius: 19px;
  109. overflow: hidden;
  110. zoom: 1;
  111. margin-top: 12px;
  112. }
  113. .ni_g_z_index2 {
  114. position: relative;
  115. z-index: 2;
  116. }
  117. .u-zy-tit .ipt-text {
  118. float: left;
  119. width: 164px;
  120. padding: 10px 19px 0 19px;
  121. height: 54px;
  122. background: #fff;
  123. }
  124. .u-zy-tit .ipt-text input {
  125. height: 18px;
  126. line-height: 18px;
  127. border: 0;
  128. float: left;
  129. width: 100%;
  130. }
  131. input, select, textarea {
  132. color: #222;
  133. font-size: 12px;
  134. resize: none;
  135. outline: none;
  136. font-family: "microsoft yahei";
  137. }
  138. .u-zy-tit .ipt-btn {
  139. float: left;
  140. background: url(../../assets/image/resource/search.png) no-repeat 0 0;
  141. width: 68px;
  142. height: 64px;
  143. cursor: pointer;
  144. border: 0;
  145. }
  146. input, select, textarea {
  147. color: #222;
  148. font-size: 12px;
  149. line-height: 140%;
  150. resize: none;
  151. outline: none;
  152. }
  153. .site-otherNav {
  154. height: 40px;
  155. background: #e5e5e5;
  156. }
  157. .site-otherNav p {
  158. padding-left: 158px;
  159. width: 1042px;
  160. }
  161. .site-otherNav a:hover, .site-otherNav a.on {
  162. background: #d2d2d2;
  163. text-decoration: none;
  164. }
  165. .site-otherNav a {
  166. font-size: 14px;
  167. line-height: 40px;
  168. margin: 0 10px;
  169. color: #888;
  170. display: inline-block;
  171. padding: 0 10px;
  172. height: 40px;
  173. }
  174. </style>