share.blade.php 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>分享梦想页</title>
  6. <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  7. <style>
  8. body{
  9. padding: 0;
  10. margin: 0;
  11. }
  12. p{
  13. -webkit-margin-before: 0.1em;
  14. -webkit-margin-after: 0.1em;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <h4 style="text-align: center; font-weight: normal; width: 100%; border-bottom: 1px solid #DEDEDE; padding-bottom: 15px">分享梦想页</h4>
  20. <img style="width: 100%; height: 100%;" src="{{!empty($dream->img) ? $dream->img->pic : ''}}
  21. ">
  22. <p style="font-size: 17px; padding: 0 10px">{{$dream->name}}</p>
  23. <div style="border-bottom: 1px solid #DEDEDE">
  24. <p style="font-size: 13px; padding: 0 10px; color: #919191">
  25. {{mb_substr($dream->about,0,8)}} ...
  26. </p>
  27. {{-- <p style="text-align: center">
  28. <img src="/base/img/down.svg" alt="">
  29. <img src="/base/img/up.svg" alt="">
  30. </p>--}}
  31. </div>
  32. <div style="border-bottom: 1px solid #DEDEDE; height: 50px; padding: 5px 10px;">
  33. <div style="float:left;">
  34. <p>{{$days}}</p>
  35. <p style="font-size: 13px; color: #919191">剩余时间</p>
  36. </div>
  37. <div style="float:right;">
  38. <p style="text-align: right">{{$dream->mark}}</p>
  39. <p style="font-size: 13px;; color: #919191">当前获得梦想分数</p>
  40. </div>
  41. </div>
  42. <div style="clear:both; height: 50px; padding: 5px 10px;">
  43. <div style="float:left;">
  44. <p>{{$dream->get_coin}}</p>
  45. <p style="font-size: 13px; color: #919191">目前已获梦想币</p>
  46. </div>
  47. <div style="float:right;">
  48. <p style="text-align: right">{{$dream->coin}}</p>
  49. <p style="font-size: 13px; color: #919191">我要求的梦想币</p>
  50. </div>
  51. </div>
  52. <div style="padding: 0 10px">
  53. <div style="background-color:#E6E6E6; width: 100%;">
  54. <div style="width: {{($dream->get_coin / $dream->coin)}} %; background: #FF6600; height: 5px">
  55. </div>
  56. </div>
  57. </div>
  58. </body>
  59. </html>