notice_detail.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. {extend name="public/base"/}
  2. {block name="css"}
  3. <style>
  4. .article {background:white;padding:0 10px;}
  5. .article h3 {padding:10px 0;margin:0;}
  6. .article .article-info {align-items: center;display: flex;justify-content: space-between;margin: 5px;font-size:12px;}
  7. .article .article-info .s-time {color:#b4b4b4;}
  8. .content,.content img {max-width:100%;}
  9. </style>
  10. {/block}
  11. {block name="body"}
  12. <van-nav-bar
  13. class="nav-theme"
  14. :fixed="true"
  15. :placeholder="true"
  16. left-text="返回"
  17. left-arrow
  18. @click-left="onBack"
  19. >
  20. <template #title>
  21. <span class="text-white">系统通知</span>
  22. </template>
  23. </van-nav-bar>
  24. <div class="article">
  25. <header>
  26. <h3>{$info.title}</h3>
  27. <section class="article-info">
  28. <div class="s-author">
  29. <div class="s-time">
  30. <time>{$info.update_time}</time>
  31. </div>
  32. </div>
  33. </section>
  34. </header>
  35. <section class="content">
  36. {$info.content}
  37. </section>
  38. </div>
  39. {/block}
  40. {block name="script"}
  41. <script>
  42. function v_setup() {
  43. let base = {};
  44. base.onBack = () => {
  45. history.back();
  46. };
  47. return base;
  48. }
  49. </script>
  50. {/block}