order-all.vue 538 B

12345678910111213141516171819202122232425262728293031
  1. <template>
  2. <view>
  3. <view v-for="order in orders">
  4. <van-card
  5. num="2"
  6. price="2.00"
  7. desc="描述信息"
  8. title="商品标题"
  9. :thumb="imageURL"
  10. />
  11. </view>
  12. </view>
  13. </template>
  14. <script>
  15. import OrderCard from "@/components/orders/order-card/order-card.vue";
  16. export default {
  17. components: {OrderCard},
  18. data() {
  19. return {
  20. orders:[0,1,2,3,4,5,6,7,8,9],
  21. imageURL: 'https://img.yzcdn.cn/vant/ipad.jpeg'
  22. };
  23. }
  24. }
  25. </script>
  26. <style lang="scss">
  27. </style>