<template>
  <div class="h100 w100">
    <zgh-header :title="$route.name"></zgh-header>
    <div class="common-top mainBox">
      <!------------强大的分割线-------------->
      <zgh-countdown class="textC mgT20" :remain_time="4456464"></zgh-countdown>

      <div class="highlight mgB30">
        <div class="wp fs14">
          <pre>
            <code class="hljs language-html">
    <h3 class="bold fs16">本例用法：</h3>
              {{code | htmlDecode}}
            </code>
          </pre>
          <h3 class="bold color3 textC pdB20">options参数说明</h3>
          <zgh-table :tbody="tbody"></zgh-table>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        tbody: [
          {name: 'remain_time', explain: '剩余多少秒', type: 'Number', default: ''},
          {name: 'class', explain: '自定义class', type: 'String', default: ''}
        ],
        code: `<zgh-countdown class="textC mgT20" :remain_time="4456464"></zgh-countdown>`
      }
    }
  }
</script>

<style lang="less" scoped>
  @import url("../../assets/config.less");
</style>
