<template>
  <div>
    <li class="tmpl-list mix animated filter-6 copyright-none bounceInLeft" data-cat="filter-6" data-id="1772" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p class="pBrush" style="margin-top: 0px; margin-bottom: 0px; font-size: 15.5555562973022px; padding: 0px; max-width: 100%; min-height: 1.5em; line-height: 2em; word-wrap: break-word; word-break: normal; border-radius: 5px; color: rgb(255, 255, 238); text-align: center; border-color: rgb(243, 143, 178); background-color: rgb(255, 29, 107);">↓↓↓点击"阅读原文"【查看更多信息】</p>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-6 copyright-none bounceInLeft" data-cat="filter-6" data-id="1774" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="border:none;border-style: none;margin: 5px 0 0;padding: 10px;background: none;">
          <section class="color" style="margin-top: -1px; margin-bottom: 0px; min-height: 40px; visibility: visible; height: 40px; line-height: 40px; border-radius: 3px; text-align: center; color: rgb(255, 255, 255); background-color: rgb(119, 121, 255);">
            <span style="font-size: 14px; color: rgb(255, 255, 255);">↓点击下方
              <span style="font-size: 14px;">“阅读原文”</span>查看更多</span>
          </section>
          <section class="border" style="margin: 0px auto 0px 30px; float: none; width: 0px; height: 0px; border-left-width: 0px; border-left-style: solid; border-left-color: transparent; border-right-width: 18px; border-right-style: solid; border-right-color: transparent; border-top-width: 27px; border-top-style: solid; border-top-color: rgb(119, 121, 255);"></section>
        </section>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-6 copyright-none bounceInLeft" data-cat="filter-6" data-id="1775" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="border:none;border-style: none;margin: 5px 0 0;padding: 10px;background: none;">
          <section class="color" style="margin-top: -1px; border: 3px solid rgb(38, 215, 0); margin-bottom: 0px; min-height: 40px; visibility: visible; height: 40px; line-height: 37px; border-radius: 10px; text-align: center; background: none;">
            <span style="font-size:14px;color: #000;">点击下方“阅读原文”查看更多</span>
          </section>
          <section class="border" style="margin: 0px auto 0px 30px; float: none; width: 0px; height: 0px; border-left-width: 4px; border-left-style: solid; border-left-color: transparent; border-right-width: 22px; border-right-style: solid; border-right-color: transparent; border-top-width: 24px; border-top-style: solid; border-top-color: rgb(38, 215, 0);"></section>
        </section>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-6 copyright-none bounceInLeft" data-cat="filter-6" data-id="1776" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="border:none;border-style: none;margin: 5px 0 0;padding: 10px;background: none;">
          <section style="margin-top: -1px; margin-bottom: 0px; min-height: 40px; visibility: visible; height: 40px; line-height: 40px; border-radius: 4px; text-align: center; box-shadow: rgb(228, 228, 228) 0px 3px 5px; background: rgb(30, 204, 255);">
            <span style="font-size:14px;color: #FFFFFF;">
              <span style="float: left;margin-left:10px;font-size: 24px;">↙</span>
              <span style="font-size: 14px; color: rgb(255, 255, 255);">点击下方“阅读原文”查看更多</span>
            </span>
          </section>
        </section>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-6 copyright-none bounceInLeft" data-cat="filter-6" data-id="1638" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_7_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-6 copyright-none bounceInLeft" data-cat="filter-6" data-id="1635" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_7_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-6 copyright-none bounceInLeft" data-cat="filter-6" data-id="1636" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_7_3.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-6 copyright-none bounceInLeft" data-cat="filter-6" data-id="1637" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_7_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-6 copyright-none bounceInLeft" data-cat="filter-6" data-id="1634" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_7_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-6 copyright-none bounceInLeft" data-cat="filter-6" data-id="1633" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_7_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-6 copyright-none bounceInLeft" data-cat="filter-6" data-id="1632" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_7_7.png" title="1431055447872026630.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-6 copyright-none bounceInLeft" data-cat="filter-6" data-id="1639" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="margin: 10px auto;">
          <section style="line-height: 25px; color: inherit; background-image: url(~@static/assets/images/articleEditor/zving_editor_pic_bg_7_11.gif); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;">
            <p style="text-align: center;">
              <img src="@static/assets/images/articleEditor/qrcode_zvingsoft.png" style="opacity: 0.55; max-width: 100%;" title="微信文章排版"
                alt="微信文章排版" />
            </p>
          </section>
        </section>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-6 copyright-none bounceInLeft" data-cat="filter-6" data-id="1631" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_7_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-6 copyright-none bounceInLeft" data-cat="filter-6" data-id="1630" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <img src="@static/assets/images/articleEditor/zving_editor_pic_7_10.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-6 copyright-none bounceInLeft" data-cat="filter-6" data-id="1798" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p>
          <strong style="margin: 0px; padding: 0px; max-width: 100%; color: rgb(62, 62, 62); white-space: normal; widows: auto; font-family: 宋体; font-size: 16.1904773712158px; line-height: 25px; text-align: justify; box-sizing: border-box !important; word-wrap: break-word !important; background-color: rgb(255, 255, 255);">
            <span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important;">
              <strong style="margin: 0px; padding: 0px; max-width: 100%; line-height: 28.796875px; box-sizing: border-box !important; word-wrap: break-word !important;">
                <span style="margin: 0px; padding: 0px; max-width: 100%; color: rgb(0, 176, 80); box-sizing: border-box !important; word-wrap: break-word !important;">↓</span>
                <span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important;">
                  <span style="margin: 0px; padding: 0px; max-width: 100%; color: rgb(255, 0, 0); box-sizing: border-box !important; word-wrap: break-word !important;">↓</span>
                  <span style="margin: 0px; padding: 0px; max-width: 100%; color: rgb(0, 32, 96); box-sizing: border-box !important; word-wrap: break-word !important;">↓</span>
                  <span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important;">
                    <span style="margin: 0px; padding: 0px; max-width: 100%; color: rgb(112, 48, 160); box-sizing: border-box !important; word-wrap: break-word !important;">↓</span>
                    <span style="margin: 0px; padding: 0px; max-width: 100%; color: rgb(192, 80, 77); box-sizing: border-box !important; word-wrap: break-word !important;">↓</span>
                    <span style="margin: 0px; padding: 0px; max-width: 100%; color: rgb(247, 150, 70); box-sizing: border-box !important; word-wrap: break-word !important;">&nbsp;</span>
                  </span>
                </span>
              </strong>
            </span>
          </strong>
          <span style="margin: 0px; padding: 0px; max-width: 100%; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: 18px; line-height: 28.7999992370605px; color: rgb(127, 127, 127); box-sizing: border-box !important; word-wrap: break-word !important; background-color: rgb(255, 255, 255);">点下方“</span>
          <span style="margin: 0px; padding: 0px; max-width: 100%; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: 18px; line-height: 28.7999992370605px; color: rgb(0, 112, 192); box-sizing: border-box !important; word-wrap: break-word !important; background-color: rgb(255, 255, 255);">
            <strong style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important;">阅读原文</strong>
          </span>
          <span style="margin: 0px; padding: 0px; max-width: 100%; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; font-size: 18px; line-height: 28.7999992370605px; color: rgb(127, 127, 127); box-sizing: border-box !important; word-wrap: break-word !important; background-color: rgb(255, 255, 255);">”查看更多</span>
        </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-6 .pEditor'), color, 'rgb(255,255,255)')
    }
  }
}
</script>
