index.html 1.1 KB

123456789101112131415161718192021222324252627282930
  1. <div class="recommend-material">
  2. <div>
  3. <div>{{ materialTitle }}</div>
  4. <a :href="allLink">查看更多<i class="iconfont iconxiangyou"></i></a>
  5. </div>
  6. <ul :class="{ column: typeSetting === 2 }">
  7. <li v-for="item in materialList">
  8. <a :href="cellLink + '?id=' + item.id">
  9. <div>
  10. <img :src="item.image" alt="">
  11. </div>
  12. <div>
  13. <div>{{ item.title }}</div>
  14. <div :class="{ money: item.pay_type }">
  15. <template v-if="item.pay_type">
  16. ¥<span>{{ item.money }}</span>
  17. </template>
  18. <template v-else>
  19. 免费
  20. </template>
  21. </div>
  22. <div>
  23. <div>{{item.count }}人已下载</div>
  24. <button type="button">去下载</button>
  25. </div>
  26. </div>
  27. </a>
  28. </li>
  29. </ul>
  30. </div>