tpl_spike.vue 893 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <template>
  2. <div class="layout">
  3. <div class="join-list">
  4. <div class="join-title">
  5. <div>{{ res.list[0].title }}</div>
  6. <div>更多</div>
  7. </div>
  8. <div class="join-box">
  9. <div class="join-item" v-for="item in 4" :key="item">
  10. <div class="item-img-box">
  11. <img
  12. class="item-img"
  13. src="https://picsum.photos/id/268/200/200"
  14. alt
  15. />
  16. </div>
  17. <div class="item-price">
  18. <span>¥120.00</span>
  19. </div>
  20. <div class="item-line-through">
  21. <span>¥190.00</span>
  22. </div>
  23. </div>
  24. </div>
  25. </div>
  26. </div>
  27. </template>
  28. <script>
  29. // TODO 后续版本开发此功能 尽情期待
  30. export default {
  31. props: ["res"],
  32. };
  33. </script>
  34. <style lang="scss" scoped>
  35. @import "./tpl.scss";
  36. @import './advertising.scss';
  37. </style>