screenSort.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <template>
  2. <div>
  3. <div class="workSort ov">
  4. <ul class="fl">
  5. <li><a href="" class="active">默认</a></li>
  6. <li><a href="">评分</a></li>
  7. <li><a href="">收藏</a></li>
  8. <li><a href="">预览</a></li>
  9. <li><a href="">大小</a></li>
  10. <li><a href="">时间</a></li>
  11. </ul>
  12. <div class="fr ov">
  13. <Select v-model="select">
  14. <Option value="sel1" >格式</Option>
  15. <Option value="">图片</Option>
  16. <Option value="">文档</Option>
  17. <Option value="">视频</Option>
  18. <Option value="">音频</Option>
  19. <Option value="">动画</Option>
  20. </Select>
  21. <Select v-model="select2">
  22. <Option value="sel2" >全部区域</Option>
  23. <Option value="">本省区域</Option>
  24. <Option value="">本市区域</Option>
  25. <Option value="">本县区区域</Option>
  26. <Option value="">本校范围</Option>
  27. <Option value="">我的分享</Option>
  28. </Select>
  29. <!--<Button type="primary" style="margin-right: 5px;">发布资源</Button>-->
  30. </div>
  31. </div>
  32. </div>
  33. </template>
  34. <script>
  35. export default {
  36. data () {
  37. return {
  38. select:'sel1',
  39. select2:'sel2'
  40. }
  41. },
  42. }
  43. </script>
  44. <style scoped>
  45. </style>