<template>
  <div>
    <li class="tmpl-list mix animated filter-9 copyright-none bounceInDown" data-cat="filter-9" data-id="1724" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img style="width: 100%; max-width: 100%;" src="@static/assets/images/articleEditor/zving_editor_pic_10_1.gif" alt="微信文章排版"
          />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-9 copyright-none bounceInDown" data-cat="filter-9" data-id="1723" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img style="width: 100%; max-width: 100%;" src="@static/assets/images/articleEditor/zving_editor_pic_10_2.gif" alt="微信文章排版"
          />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-9 copyright-none bounceInDown" data-cat="filter-9" data-id="1725" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img style="width: 80px; max-width: 100%;" src="@static/assets/images/articleEditor/zving_editor_pic_10_3.gif" alt="微信文章排版"
          />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-9 copyright-none bounceInDown" data-cat="filter-9" data-id="1721" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img style="width: 100%; max-width: 100%;" src="@static/assets/images/articleEditor/zving_editor_pic_10_4.png" alt="微信文章排版"
          />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-9 copyright-none bounceInDown" data-cat="filter-9" data-id="1722" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img style="width: 100%; max-width: 100%;" src="@static/assets/images/articleEditor/zving_editor_pic_10_5.gif" alt="微信文章排版"
          />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-9 copyright-none bounceInDown" data-cat="filter-9" data-id="1720" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img style="width: 100%; max-width: 100%;" src="@static/assets/images/articleEditor/zving_editor_pic_10_6.gif" alt="微信文章排版"
          />
        </p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-9 copyright-none bounceInDown" data-cat="filter-9" data-id="1726" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p style="padding:0;margin:0;text-align:center;">
          <img style="width: 100%; max-width: 100%;" src="@static/assets/images/articleEditor/zving_editor_pic_10_7.gif" alt="微信文章排版"
          />
        </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-9 .pEditor'), color, 'rgb(255,255,255)')
    }
  }
}
</script>
