index.html 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <div class="recommend-question">
  2. <div>
  3. {{ obj.title }}
  4. <a :href="obj.urlCategory + '?type=2'">
  5. 查看更多<span class="iconfont iconxiangyou"></span>
  6. </a>
  7. </div>
  8. <div v-if="obj.typesetting === 4" id="swiper6" class="swiper-container">
  9. <div class="swiper-wrapper">
  10. <!-- <div v-for="item in obj.list" :key="item.id" class="swiper-slide">
  11. <a :href="obj.url + '?id=' + item.id">
  12. <div>
  13. <img class="figure" :src="item.image">
  14. </div>
  15. <div class="attr">
  16. <div class="title">{{ item.title }}</div>
  17. <div class="people">{{ item.answer }}人已答题</div>
  18. <div class="group">
  19. <div v-if="item.pay_type" class="money">
  20. ¥<span>{{ item.money }}</span>
  21. </div>
  22. <div v-else class="money free">免费</div>
  23. <a class="link" href="javascript:">
  24. <img src="">答题
  25. </a>
  26. </div>
  27. </div>
  28. </a>
  29. </div> -->
  30. <div v-for="item in obj.list" :key="item.id" class="swiper-slide">
  31. <a :href="obj.url + '?id=' + item.id">
  32. <div>
  33. <img class="figure" :src="item.image">
  34. </div>
  35. <div class="attr">
  36. <div class="title">{{ item.title }}</div>
  37. <div class="people">{{ item.answer }}人已答题</div>
  38. <div class="group">
  39. <div v-if="item.pay_type" class="money">
  40. ¥<span>{{ item.money }}</span>
  41. </div>
  42. <div v-else class="money free">免费</div>
  43. <div class="link">
  44. <img :src="obj.source_url + 'zsff/images/question08.png'">答题
  45. </div>
  46. </div>
  47. </div>
  48. </a>
  49. </div>
  50. </div>
  51. </div>
  52. <ul v-else :class="{ gird: obj.typesetting === 2, small: obj.typesetting === 3 }">
  53. <li v-for="item in obj.list" :key="item.id">
  54. <a :href="obj.url + '?id=' + item.id">
  55. <div>
  56. <img class="figure" :src="item.image">
  57. </div>
  58. <div class="attr">
  59. <div class="title">{{ item.title }}</div>
  60. <div v-if="obj.typesetting === 2" class="people">{{ item.answer }}人已答题</div>
  61. <div v-if="obj.typesetting === 3 && item.pay_type" class="money">
  62. ¥<span>{{ item.money }}</span>
  63. </div>
  64. <div v-if="obj.typesetting === 3 && !item.pay_type" class="money free">免费</div>
  65. <div class="group">
  66. <div v-if="obj.typesetting !== 3 && item.pay_type" class="money">
  67. ¥<span>{{ item.money }}</span>
  68. </div>
  69. <div v-if="obj.typesetting !== 3 && !item.pay_type" class="money free">免费</div>
  70. <div v-if="obj.typesetting !== 2" class="people">{{ item.answer }}人已答题</div>
  71. <div class="link">
  72. <img :src="obj.source_url + 'zsff/images/question08.png'">答题
  73. </div>
  74. </div>
  75. </div>
  76. </a>
  77. </li>
  78. </ul>
  79. </div>