screenSort.vue 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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. </div>
  30. </div>
  31. </div>
  32. </template>
  33. <script>
  34. export default {
  35. data () {
  36. return {
  37. select:'sel1',
  38. select2:'sel2'
  39. }
  40. },
  41. }
  42. </script>
  43. <style scoped>
  44. </style>