Trends.vue 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <template>
  2. <div class="row">
  3. <div class="col-md-8">
  4. <div class="card">
  5. <div class="card-header">
  6. <h3 class="card-title">Trending View</h3>
  7. <div class="card-tools">
  8. <button type="button" class="btn btn-tool" data-card-widget="collapse">
  9. <i class="fas fa-minus"></i>
  10. </button>
  11. <button type="button" class="btn btn-tool" data-card-widget="remove">
  12. <i class="fas fa-times"></i>
  13. </button>
  14. </div>
  15. </div>
  16. <div class="card-body p-0">
  17. <div class="d-md-flex">
  18. <div class="p-1 flex-fill" style="overflow: hidden">
  19. <div class="row">
  20. <div class="col">
  21. <a href="https://read.cash/@flipstarter/flipstarter-500k-6-independent-campaigns-0d30c1cf" target="_blank">
  22. <img src="https://i.imgur.com/ZKZ2enw.png" class="img-responsive img-rounded" width="250" /></a>
  23. </div>
  24. <div class="col">
  25. <a href="https://news.bitcoin.com/wells-fargo/" target="_blank">
  26. <img src="https://i.imgur.com/cBwtMtA.png" class="img-responsive img-rounded" width="250" /></a>
  27. </div>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. </template>
  36. <script>
  37. export default {
  38. data: () => {
  39. return {
  40. //
  41. }
  42. },
  43. mounted: function () {
  44. /* Set JQuery. */
  45. // const $ = window.$
  46. /* Wait a tick for DOM to initialize. */
  47. // setTimeout(() => {
  48. // $('.sparkbar').peity('bar', {
  49. // width: '100'
  50. // })
  51. // $('.sparkline').peity('line', {
  52. // width: '100'
  53. // })
  54. // }, 10)
  55. },
  56. }
  57. </script>