jump.html 910 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. {extend name="public/base"/}
  2. {block name="css"}
  3. <style>
  4. .msg{
  5. text-align:center;
  6. margin:0;
  7. padding:0;
  8. font-size:24px;
  9. margin-top: 100px;
  10. }
  11. .tips{
  12. text-align:center;
  13. margin-top:50px;
  14. font-size:14px;
  15. color:#aaa;
  16. }
  17. .tips .num{
  18. color:#FF589B;
  19. }
  20. </style>
  21. {/block}
  22. {block name="body"}
  23. <h3 class="msg">{$msg}</h3>
  24. <p class="tips">还有<span class="num">{{wait}}</span>秒后自动跳转</p>
  25. {/block}
  26. {block name="script"}
  27. <script>
  28. function v_setup() {
  29. let base = {};
  30. base.wait = Vue.ref({$wait});
  31. const created = () => {
  32. setInterval(function () {
  33. base.wait.value--;
  34. if (base.wait.value === 0) {
  35. {$url}
  36. }
  37. }, 1000);
  38. }
  39. created();
  40. return base;
  41. }
  42. </script>
  43. {/block}