myHistoryTest.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <div class="page">
  2. <!-- 头部 -->
  3. <HeaderMain></HeaderMain>
  4. <!-- 工具栏 -->
  5. <div class="history-tools">
  6. <div class="left">
  7. <el-dropdown>
  8. <el-button type="primary">所属项目 <i class="el-icon-caret-bottom icon-right"></i>
  9. </el-button>
  10. <el-dropdown-menu slot="dropdown">
  11. <el-dropdown-item>黄金糕黄金糕黄金糕</el-dropdown-item>
  12. <el-dropdown-item>狮子头</el-dropdown-item>
  13. <el-dropdown-item>螺蛳粉</el-dropdown-item>
  14. <el-dropdown-item>双皮奶</el-dropdown-item>
  15. <el-dropdown-item>蚵仔煎</el-dropdown-item>
  16. </el-dropdown-menu>
  17. </el-dropdown>
  18. <el-dropdown>
  19. <el-button type="primary">更新时间 <i class="el-icon-caret-bottom icon-right"></i>
  20. </el-button>
  21. <el-dropdown-menu slot="dropdown">
  22. <el-dropdown-item>按创建时间排序</el-dropdown-item>
  23. <el-dropdown-item>按更新时间排序</el-dropdown-item>
  24. </el-dropdown-menu>
  25. </el-dropdown>
  26. </div>
  27. <div class="right">
  28. <el-button type="primary" icon="el-icon-circle-plus-outline">创建测试</el-button>
  29. </div>
  30. </div>
  31. <!-- 列表 -->
  32. <div class="test-list">
  33. <div class="item" v-for="(item,index) in lists" :key="item.index" :class="{ itemCopy: isCopy && index == 0 }">
  34. <div class="tools">
  35. <el-button icon="el-icon-delete" circle @click="deleteTest(index)"></el-button>
  36. <el-button icon="el-icon-document-copy" circle @click="copyTest"></el-button>
  37. <el-button icon="el-icon-share" circle></el-button>
  38. <el-button icon="el-icon-edit" circle style="margin-left: 30px;"></el-button>
  39. </div>
  40. <img class="item-img" mode="" src="https://dm.static.elab-plus.com/diaoyanbao/coverImg/GT95_preview.jpg" alt="">
  41. <div class="title">定制你的家具香气{{item.index}}</div>
  42. <div class="desc">无锡WIII</div>
  43. <div class="bottom">
  44. <span>共21题</span>
  45. <span>1天前</span>
  46. </div>
  47. </div>
  48. <div class="item add">
  49. <i class="el-icon-circle-plus add-icon"></i>
  50. <span>创建测试</span>
  51. </div>
  52. </div>
  53. </div>