tpl_group.vue 988 B

12345678910111213141516171819202122232425262728293031323334353637383940
  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" @click="modelNavigateTo(item)" v-for="item in 4" :key="item">
  10. <div class="item-img-box">
  11. <img class="item-img" src="https://picsum.photos/id/268/200/200" alt />
  12. </div>
  13. <div class="item-price">
  14. <span>¥120.00</span>
  15. </div>
  16. <div class="item-line-through">
  17. <span>¥190.00</span>
  18. </div>
  19. </div>
  20. </div>
  21. </div>
  22. </div>
  23. </template>
  24. <script>
  25. // TODO 后续版本开发此功能 尽情期待
  26. import { modelNavigateTo } from "./tpl";
  27. export default {
  28. props: ["res"],
  29. title: "拼团",
  30. data() {
  31. return {
  32. modelNavigateTo,
  33. };
  34. },
  35. };
  36. </script>
  37. <style lang="scss" scoped>
  38. @import "./tpl.scss";
  39. @import "./advertising.scss";
  40. </style>