quest_detail.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <extend name="Public:pinduoduobase" />
  2. <block name="content">
  3. <link rel="stylesheet" href="__PUBLIC__/pinduoduo/assets/css/suggestion_5d26e47e48fe43d546da6e44b3a131a1.css">
  4. <div class="faq-wrap">
  5. <div class="faq-header">{$blog_info.title}</div>
  6. <div class="faq-textinfo">
  7. {$blog_content.summary}
  8. </div>
  9. <div class="faq-list">
  10. <?php if(!empty($blog_info['image'])){ ?>
  11. <div class="faq-list-one" style="text-align:center;">
  12. <img src="/Uploads/image/{$blog_info.image}" style="max-width:100%;" />
  13. </div>
  14. <?php } ?>
  15. <div class="faq-list-one">
  16. <?php echo htmlspecialchars_decode($blog_content['content']); ?>
  17. </div>
  18. </div>
  19. </div>
  20. <include file="Widget:pin_notify" />
  21. <div class="center" id="center_pullup" style="display:none;">
  22. <span><img class="img_rotate" src="__PUBLIC__/pinduoduo/assets/img/pull_loading_8eba142.png"/>
  23. </span><span class="orders_text"></span>
  24. </div>
  25. <style>
  26. .coupon-tabbar .coupon-tab {
  27. width:49%;
  28. }
  29. .center {
  30. width: 170px;
  31. margin: 0 auto;
  32. text-align: center;
  33. }
  34. .img_rotate {
  35. width: 30px;
  36. height: 30px;
  37. margin-top: 7px;
  38. margin-right: 5px;
  39. -webkit-animation: loading 1s linear 0s infinite;
  40. }
  41. @-webkit-keyframes loading {
  42. 0% {
  43. -webkit-transform: rotate(0);
  44. }
  45. 100% {
  46. -webkit-transform: rotate(360deg);
  47. }
  48. }
  49. .orders_text {
  50. line-height: 45px;
  51. font-weight: 700;
  52. font-size: 15px;
  53. }
  54. </style>
  55. </block>