<template>
  <div>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1937" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;margin: 0px 0px 1.2em !important;">
          <span style="color: rgb(255, 0, 0);">●</span> ●
          <span style="color: rgb(0, 176, 240);">●</span>
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1705" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_8_1.gif" style="max-width: 100%;" />
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1703" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_8_2.gif" style="max-width: 100%;" />
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1696" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_8_3.png" style="max-width: 100%;" />
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1693" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_8_4.gif" style="max-width: 100%;" />
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1701" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_8_5.gif" style="max-width: 100%;" />
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1684" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_8_6.gif" style="max-width: 100%;" />
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1702" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_8_7.png" style="max-width: 100%;" />
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1686" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_8_8.gif" style="max-width: 100%;" />
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1689" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_8_9.gif" style="max-width: 100%;" />
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1727" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_8_10.png" title="关于我们" style="max-width:100%;" />
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1690" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_8_11.gif" style="max-width: 100%;" />
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1695" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_8_12.gif" style="max-width: 100%;" />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1692" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_8_13.gif" style="max-width: 100%;" />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1685" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_8_14.gif" style="max-width: 100%;" />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1694" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_8_15.gif" style="max-width: 100%;" />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1688" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_8_16.gif" style="max-width: 100%;" />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1691" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_8_17.gif" style="max-width: 100%;" />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1697" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_8_18.gif" style="max-width: 100%;" />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1699" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_8_19.gif" style="max-width: 100%;" />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1700" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_8_20.png" style="max-width: 100%;" />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1687" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_8_21.gif" style="max-width: 100%;" />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-7 copyright-none fadeInDownBig" data-cat="filter-7" data-id="1683" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_8_22.gif" style="max-width: 100%;" />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
  </div>
</template>

<script>
import common from '../articleEditorCommon.js'
export default {
  props: { themeColor: String },
  watch: {
    themeColor(color) {
      common.parseObject($('.filter-7 .pEditor'), color, 'rgb(255,255,255)')
    }
  }
}
</script>
