header.vue 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <template>
  2. <div>
  3. <div class="header">
  4. <div class="wrap ov">
  5. <ul class="fl header-list">
  6. <li class="icon">
  7. <!--<a href="">四川省平台 <i></i></a>-->
  8. <!--<ol>-->
  9. <!--<li><a href="">成都市平台</a></li>-->
  10. <!--<li><a href="">高新区平台</a></li>-->
  11. <!--<li><a href="">学校平台</a></li>-->
  12. <!--</ol>-->
  13. <Select v-model="formItem.select">
  14. <Option value="sel1" >首页</Option>
  15. <Option value="">四川省平台</Option>
  16. <Option value="">成都市平台</Option>
  17. <Option value="">高新区平台</Option>
  18. <Option value="">学校平台</Option>
  19. </Select>
  20. </li>
  21. </ul>
  22. <ul class="fr header-list">
  23. <li>
  24. <input type="text" placeholder="请输入关键字..." class="raduis20 search-input">
  25. </li>
  26. <li>
  27. <a href="">张三 </a>
  28. </li>
  29. <li>
  30. <Select v-model="formItem.select">
  31. <!--<Option value="sel1" >班级</Option>-->
  32. <Option value="sel1">六年级·1班</Option>
  33. <Option value="">六年级·2班</Option>
  34. </Select>
  35. <!--<a href="">班级 <i></i></a>-->
  36. <!--<ol>-->
  37. <!--<li><a href="">六年级·1班</a></li>-->
  38. <!--<li><a href="">六年级·2班</a></li>-->
  39. <!--</ol>-->
  40. </li>
  41. <li>
  42. <a href="">学校 </a>
  43. </li>
  44. </ul>
  45. </div>
  46. </div>
  47. </div>
  48. </template>
  49. <script>
  50. export default {
  51. name: "header",
  52. data () {
  53. return {
  54. formItem: {
  55. select: 'sel1',
  56. select2: 'sel2',
  57. },
  58. }
  59. },
  60. }
  61. </script>
  62. <style scoped>
  63. </style>