leaving.ftl

<#--  复制以下内容到后台管理中新建自定义留言页面，然后添加菜单即可（注释部分不需要复制）  -->
<div class="joe_leaving">
  <ul class="joe_leaving-list">
    <#--  <li class="item">
      <div class="user">
        <img class="avatar lazyload" data-src="" src="" alt="用户头像" />
        <div class="nickname">Jhon</div>
        <div class="date">2021-09-22</div>
      </div>
      <div class="wrapper">
        <div class="content">太牛了</div>
      </div>
    </li>  -->
  </ul>
  <div class="joe_loading">
    <svg width="120" height="30" viewBox="0 0 120 30" xmlns="http://www.w3.org/2000/svg" fill="var(--main)">
      <circle cx="15" cy="15" r="15">
        <animate attributeName="r" from="15" to="15"
          begin="0s" dur="0.8s"
          values="15;9;15" calcMode="linear"
          repeatCount="indefinite" />
        <animate attributeName="fill-opacity" from="1" to="1"
          begin="0s" dur="0.8s"
          values="1;.5;1" calcMode="linear"
          repeatCount="indefinite" />
          </circle>
          <circle cx="60" cy="15" r="9" fill-opacity="0.3">
        <animate attributeName="r" from="9" to="9"
          begin="0s" dur="0.8s"
          values="9;15;9" calcMode="linear"
          repeatCount="indefinite" />
        <animate attributeName="fill-opacity" from="0.5" to="0.5"
          begin="0s" dur="0.8s"
          values=".5;1;.5" calcMode="linear"
          repeatCount="indefinite" />
          </circle>
          <circle cx="105" cy="15" r="15">
        <animate attributeName="r" from="15" to="15"
          begin="0s" dur="0.8s"
          values="15;9;15" calcMode="linear"
          repeatCount="indefinite" />
        <animate attributeName="fill-opacity" from="1" to="1"
          begin="0s" dur="0.8s"
          values="1;.5;1" calcMode="linear"
          repeatCount="indefinite" />
      </circle>
    </svg>
  </div>
  <div class="joe_leaving-none">暂无留言，期待第一个脚印。</div>
</div>