<template>
  <div>
    <li class="tmpl-list mix animated filter-4 copyright-none fadeInUp" data-cat="filter-4" data-id="1768" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="margin: 0; text-align: center; box-sizing: border-box; padding: 0px; border: 0px; width: 300px;margin: 0 auto;">
          <section style="margin: 0px; padding:5px 20px 15px 20px; width: 100%; height:auto !important;box-sizing: border-box; background-color: rgb(0,0,0);border-top-right-radius: 0.6em;border-top-left-radius: 0.6em;">
            <iframe class="video_iframe" src="http://v.qq.com/iframe/player.html?vid=u00166c8ong&amp;width=260&amp;height=150&amp;auto=0"
              scrolling="no" style="display: block;max-width: 100%;height: 100%;margin: 0 auto;border: 0;"></iframe>
          </section>
          <section style="width: 100%; height: 40px; margin-top: -0.5em; border-bottom-left-radius: 0.6em; border-bottom-right-radius: 0.6em; box-sizing: border-box; text-align: center; background-image: -webkit-linear-gradient(left, rgb(91, 97, 104), rgb(230, 230, 230)); background-color: rgb(200, 200, 200);">
            <img alt="微信文章排版" border="0" src="@static/assets/images/articleEditor/zvinglogo_blue.png" style="border-radius: 50%; opacity: 0.8; padding: 3px; width: 34px; margin-top: 3px; height: auto !important; max-width: 100%;"
              vspace="0" />
          </section>
          <img alt="微信文章排版" src="@static/assets/images/articleEditor/zving_editor_pic_5_2.png" style="box-shadow: rgb(204, 204, 204) 0px -0.05em; box-sizing: border-box; margin: auto; height: auto !important; visibility: visible !important; width: 120px; "
          />
        </section>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-4 copyright-none fadeInUp" data-cat="filter-4" data-id="1770" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <blockquote style="width: 100%; padding: 5px 0px; border: none rgb(255, 129, 36); background-size: cover; background-image: url(~@static/assets/images/articleEditor/zving_editor_pic_bg_5_3.gif); word-wrap: break-word !important;box-sizing: border-box !important;background-repeat: no-repeat no-repeat;margin: 0;"
          title="">
          <section style="margin-top:15px; margin-bottom:15px;width: 100%; heigth:auto;word-wrap: normal; white-space: pre-wrap;text-align: center; box-sizing: border-box !important;">
            <iframe allowfullscreen frameborder="0" height="220" scrolling="no" src="http://v.qq.com/iframe/player.html?vid=u00166c8ong&amp;width=300&amp;height=220&amp;auto=0"></iframe>
          </section>
        </blockquote>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-4 copyright-none fadeInUp" data-cat="filter-4" data-id="1938" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <p>
          <iframe class="video_iframe" src="http://v.qq.com/iframe/player.html?vid=u00166c8ong&amp;width=300&amp;height=190&amp;auto=0"
            scrolling="no" style="display: block;margin: 0 auto;border: 0;" width="300" height="190" seamless></iframe>
        </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-4 .pEditor'), color, 'rgb(255,255,255)')
    }
  }
}
</script>
