<template>
  <div>
    <li class="tmpl-list mix animated filter-8 copyright-none fadeIn" data-cat="filter-8" data-id="1758" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_1.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1756" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_2.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1752" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_3.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1732" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_4.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1733" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_5.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1734" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_6.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1735" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_7.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1736" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_8.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1737" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_9.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1738" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_10.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1739" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_11.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1740" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_12.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1741" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_13.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1742" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_14.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1743" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_15.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1744" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_16.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1745" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_17.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1746" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_18.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1747" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_19.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1748" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_20.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1749" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_21.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1750" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_22.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1751" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_23.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1753" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_24.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1754" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_25.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1755" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_26.png" alt="微信文章排版" 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-8 copyright-none fadeIn" data-cat="filter-8" data-id="1757" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_9_27.png" alt="微信文章排版" 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-8 .pEditor'), color, 'rgb(255,255,255)')
    }
  }
}
</script>
