<template>
  <div>
    <li class="tmpl-list mix animated filter-2 copyright-135 slideInRight" data-cat="filter-2" data-id="1836" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="margin: 1em; border: 0px rgb(117, 117, 118); color: rgb(62, 62, 62); font-size: 16px; text-align: center; ">
          <section style="display: inline-block; padding: 1px; border: 1px solid rgb(117, 117, 118); color: rgb(0, 0, 0); font-size: 14px; border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-right-radius: 100%; border-bottom-left-radius: 100%; height: 200px; width: 200px; ">
            <section style="padding: 1px; border: 1px solid rgb(117, 117, 118); border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-right-radius: 100%; border-bottom-left-radius: 100%; height: 196px; width: 196px; color: inherit; ">
              <section style="padding: 2px; border: 1px solid rgb(117, 117, 118); border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-right-radius: 100%; border-bottom-left-radius: 100%; height: 192px; width: 192px; color: inherit; ">
                <img src="@static/assets/images/articleEditor/zving_editor_pic_3_1.gif" style="border-radius:50%; color:inherit; height:auto !important; width:100%;padding: 0;">
              </section>
            </section>
          </section>
        </section>
      </section>
      <div class="hode-txt">
        135
      </div>
      <div class="copyright-bg copyright-135">
        135
      </div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright copyright-xmt slideInRight" data-cat="filter-2" data-id="1888" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="width:100%;">
          <section style="overflow-x:auto;overflow-y:hidden;white-space:nowrap;">

            <img src="@static/assets/images/articleEditor/zving_editor_pic_3_2.jpg" style="height:150px;padding: 0;">
            <img src="@static/assets/images/articleEditor/zving_editor_pic_3_3.jpg" style="height:150px;padding: 0;">
            <img src="@static/assets/images/articleEditor/zving_editor_pic_3_4.jpg" style="height:150px;padding: 0;">
            <img src="@static/assets/images/articleEditor/zving_editor_pic_3_3.jpg" style="height:150px;padding: 0;">
            <img src="@static/assets/images/articleEditor/zving_editor_pic_3_4.jpg" style="height:150px;padding: 0;">
          </section>
          <p style="color:#aaa;text-align:center;padding-bottom:10px;">按住图片左右滑动</p>
        </section>
      </section>
      <div class="hode-txt">
        新媒体
      </div>
      <div class="copyright-bg copyright copyright-xmt">
        新媒体
      </div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright-none slideInRight" data-cat="filter-2" data-id="1672" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="border: none; margin: 0.8em 0px 0.3em; box-sizing: border-box; padding: 0px;display: table;width: 100%;">
          <section style="line-height: 0; box-sizing: border-box;">

            <img src="@static/assets/images/articleEditor/zving_editor_pic_3_7.jpg" style="border: 0px; box-sizing: border-box; display: inline-block; width: 100%; height: auto !important; max-width: 100%;"
              title="1431955658052031737.png" alt="微信文章排版">
          </section>
          <section style="width: 30%; display: inline-block; float: left; text-align: right; margin: 15px 0px 0px; padding: 0px; box-sizing: border-box;">
            <section style="float: right; text-align: center; margin-top: -15px; box-sizing: border-box;">
              <section style="width: 1px; height: 1.2em; margin-left: 13px; background-color: rgb(102, 102, 102); box-sizing: border-box;"></section>
              <section style="width: 2em; height: 2em; border: 1px solid rgb(102, 102, 102); border-radius: 50%; line-height: 2em; font-size: 1em;font-weight: inherit; text-decoration: inherit; box-sizing: border-box;">
                <section class="pBrush" style="box-sizing: border-box;">
                  巴
                </section>
              </section>
              <section style="width: 2em; height: 2em; border: 1px solid rgb(102, 102, 102); margin-top: 2px; border-radius: 50%; line-height: 2em; font-size: 1em;  font-weight: inherit; text-decoration: inherit; box-sizing: border-box;">
                <section class="pBrush" style="box-sizing: border-box;">
                  瑶
                </section>
              </section>
            </section>
          </section>
          <section style="width: 65%; float: left; margin-top: 20px; line-height: 1.5em; padding-left:20px; font-size: 1em;  font-weight: inherit; text-decoration: inherit; color: rgb(39, 44, 51); box-sizing: border-box;">
            <section style="box-sizing: border-box;">
              <section class="pBrush" style="box-sizing:border-box; font-size:175%;margin:5px 0px">
                海上人家
              </section>
              <section class="pBrush" style="box-sizing: border-box;font-size:16px">
                巴瑶族，唯一的海上民族
              </section>
            </section>
          </section>
        </section>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright-none slideInRight" data-cat="filter-2" data-id="1675" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="border: 0px; margin: 0px; box-sizing: border-box;  clear: both; padding: 0px;">
          <section style="box-sizing: border-box;">

            <img src="@static/assets/images/articleEditor/zving_editor_pic_3_2.jpg" style="box-sizing: border-box; width: 100%; height: auto !important; max-width: 100%;padding: 0;">
            <section style="margin-top: 0.5em; box-sizing: border-box;display: table;width: 100%;">
              <img src="@static/assets/images/articleEditor/zving_editor_pic_3_3.jpg" style="box-sizing:border-box; float:left; height:auto !important; width:49%;padding: 0;">
              <img src="@static/assets/images/articleEditor/zving_editor_pic_3_4.jpg" style="box-sizing: border-box; float: right; width: 49%; height: auto !important; max-width: 100%;padding: 0;">
            </section>
          </section>
        </section>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright-none slideInRight" data-cat="filter-2" data-id="1678" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="border: 0px; margin: 0px 0px 0.5em; box-sizing: border-box; width: 100%; clear: both; overflow: hidden; padding: 0px; text-align: left;">

          <img src="@static/assets/images/articleEditor/zving_editor_pic_3_11.jpg" style="box-sizing: border-box; color: inherit; float: right; width: 100%; max-width: 100%; height: auto !important;padding: 0;"
            title="1431955423316080051.png" alt="微信文章排版">
          <section style="display: inline-block; font-size: 2em; z-index: 100; padding: 0.1em 0.5em; margin: -1.5em 0px 0px; line-height: 1.2; box-sizing: border-box; float: right; text-align: right; font-weight: inherit; text-decoration: inherit; color: rgb(224, 209, 202); border-color: rgb(107, 77, 64); background-color: rgb(107, 77, 64);">
            <section style="box-sizing: border-box; border-color: rgb(107, 77, 64); color: inherit;">
              <section style="box-sizing: border-box; border-color: rgb(107, 77, 64); color: inherit;">
                <p style="font-size: 0.8em; border-color: rgb(107, 77, 64); color: inherit;padding: 5px;" class="pBrush">金门大桥</p>
                <p style="font-size: 0.8em; border-color: rgb(107, 77, 64); color: inherit;font-size: 16px;padding:  10px 5px;" class="pBrush">夕阳中的金门大桥雄姿</p>
              </section>
            </section>
          </section>
        </section>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright-none slideInRight" data-cat="filter-2" data-id="1677" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="border: 0px; margin: 0px 0px 0.5em; box-sizing: border-box; width: auto; clear: both; overflow: hidden; padding: 0px;">

          <img src="@static/assets/images/articleEditor/zving_editor_pic_3_12.jpg" style="box-sizing: border-box; color: inherit; float: left; width: 100%; height: auto !important; max-width: 100%;padding: 0;"
            title="1431955122055009122.jpeg" alt="微信文章排版">
          <section style="display: inline-block; font-size: 2em; z-index: 100; padding: 10px; margin-top: -1.5em;  box-sizing: border-box; float: left; font-weight: inherit; text-decoration: inherit; color:#FFF; border-color: rgb(60, 40, 34); background-color: rgb(60, 40, 34);">
            <section style="box-sizing: border-box; color: inherit; border-color: rgb(60, 40, 34);">
              <p style="box-sizing: border-box;border-color: rgb(60, 40, 34);  text-align: left;" class="pBrush">繁华都市</p>
              <p style="box-sizing: border-box; color: inherit; border-color: rgb(60, 40, 34); background-color:rgb(60, 40, 34); display:inline !important; float:none; font-family:微软雅黑,microsoft yahei; font-size:12px; font-weight:inherit; line-height:1.2; text-decoration:inherit"
                class="pBrush">2015/S</p>
            </section>
          </section>
        </section>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright-none slideInRight" data-cat="filter-2" data-id="1676" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="border: 0px; box-sizing: border-box; width: 100%; clear: both; padding: 0px;">

          <img src="@static/assets/images/articleEditor/zving_editor_pic_3_13.jpg" style="box-sizing:border-box; height:auto !important; width:100%;padding: 0;"
            title="1431958266871076389.png">
          <section style="box-sizing: border-box; width: 9em; float: right; margin-top: -5em; margin-right: 1em;  -webkit-transform: rotate3d(0, 0, 1, 15deg); opacity: 0.99;">
            <img src="@static/assets/images/articleEditor/zving_editor_pic_3_14.jpg" style="/* border:2px solid white; */ box-sizing:border-box; /* height:auto !important; */ width:100%;padding: 0;">
          </section>
          <section style="box-sizing: border-box; /* margin: 10px 0; */ color: rgb(102, 102, 102); font-size: 0.9em;  font-weight: inherit; text-align: inherit; text-decoration: inherit;width: 100%;padding: 10px 0;">
            <section class="pBrush" style="box-sizing: border-box;">
              美味海鲜
            </section>
          </section>
        </section>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright-none slideInRight" data-cat="filter-2" data-id="1673" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="border: medium none rgb(239, 112, 96); padding-top: 1em; padding-left: 5px; font-size: 1em; font-weight: bolder; text-align: center; text-decoration: inherit; padding: 10px;display: table;width: 100%;box-sizing: border-box;">
          <section style="margin: 10px 0px; border-radius: 100%; float: left; color: inherit; border-color: rgb(239, 112, 96);  background-size: cover; background-position: 63% 37%; background-repeat: no-repeat; height: 9em; width: 9em;" :style="{backgroundImage: zving_editor_pic_bg_3_28}"></section>
          <section style="text-align: right; vertical-align: top; float: right; font-weight: 100; color: inherit; border-color: rgb(239, 112, 96);color: #334;">
            <section style="display: inline-block; vertical-align: top; margin-left: 1em; width: 1.2em; line-height: 1.2; font-weight: inherit; text-align: left; text-decoration: inherit; color: inherit; float: right; border-color: rgb(239, 112, 96); font-size: 1.2em;">
              <p class="pBrush" style="padding:0;margin:0;">品茶</p>
            </section>
            <section style="float:right;">
              <p style="margin-right: 6px; clear: none; float: right; display: inline; width: 16px; color: inherit; font-weight: inherit; text-decoration: inherit; border-color: rgb(239, 112, 96);"
                class="pBrush">琴里知闻唯渌水，</p>
              <p style="margin-right: 6px; clear: none; float: right; display: inline; width: 16px; color: inherit; font-weight: inherit; text-decoration: inherit; border-color: rgb(239, 112, 96);"
                class="pBrush">茶中故旧是蒙山。</p>
            </section>
          </section>
        </section>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright-none slideInRight" data-cat="filter-2" data-id="1670" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="font-size: 15px; border: 1px solid rgb(129, 128, 129); padding: 10px 5px 5px; min-height:auto; color: inherit;">
          <section style="border: 0px rgb(129, 128, 129); box-sizing: border-box; width: 100%; clear: both; overflow: hidden; padding: 0px; color: inherit;">
            <section style="box-sizing: border-box; width: 30%; float: left;  ">

              <img src="@static/assets/images/articleEditor/zving_editor_pic_3_15.jpg" style="box-sizing: border-box; color: inherit; height: auto !important; visibility: visible !important; width: 100% !important; padding: 0;">
            </section>
            <section style="display: inline-block; width: 70%; box-sizing: border-box; float: left;  color: inherit;">
              <section style=" padding: 10px 3px 0px; font-size: 1.2em; font-weight: bold; color: rgb(129, 128, 129);" class="pBrush">
                李冰冰
              </section>
              <section style="box-sizing: border-box; margin-right: 0em; padding: 0.1em 0.3em; color: rgb(129, 128, 129); font-size: 0.9em;"
                class="pBrush">
                中国内地著名女演员
              </section>
              <section class="pBrush" style="box-sizing: border-box; margin-right: 0em; padding: 0.5em 0.1em 0.5em 0.3em; color: rgb(12, 12, 12); font-size: 0.9em;">
                2000年因主演电视剧《少年包青天》而被观众所知，凭电影《过年回家》摘得13届新加坡国际电影节最佳女主桂冠。
              </section>
            </section>
          </section>
        </section>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright-none slideInRight" data-cat="filter-2" data-id="1674" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="width: 100%; border: none; text-align: center; margin-top: 0.5em; padding: 0px 0.5em; box-sizing: border-box; background-color: transparent;">
          <section style="display: inline-block; width: 4.5em; height: 4.5em; border-radius: 100%; box-sizing: border-box; background-color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;" :style="{backgroundImage: zving_editor_pic_bg_3_29}"></section>
          <section style="display: inline-block; width: 4.5em; height: 4.5em; margin-left: 1em; border-radius: 100%; float: left; box-sizing: border-box; background-color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;" :style="{backgroundImage: zving_editor_pic_bg_3_30}"></section>
          <section style="display: inline-block; width: 4.5em; height: 4.5em; margin-right: 1em; border-radius: 100%; float: right; box-sizing: border-box; background-color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;" :style="{backgroundImage: zving_editor_pic_bg_3_31}"></section>
        </section>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright-none slideInRight" data-cat="filter-2" data-id="1679" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="border: 0px; box-sizing: border-box; width: 100%; clear: both; overflow: hidden; padding: 0px; text-align: center;">
          <section style="box-sizing: border-box; width: 40%; float: right; padding: 0px 0px 0px 0.1em;">

            <img src="@static/assets/images/articleEditor/zving_editor_pic_3_16.gif" style="box-sizing: border-box; width: 100%; height: auto !important; visibility: visible !important; max-width: 100%;padding: 0;">
          </section>
          <section style="display: inline-block; width: 60%; box-sizing: border-box; float: right; padding: 0px 0.1em 0px 0px; text-align: right;">
            <section class="pBrush" style="font-size:16px;box-sizing: border-box; margin-right: 4px; padding: 4px 6px; border-bottom-width: 1px; border-bottom-style: solid; font-size: 18px;font-weight: bold;color: rgb(120, 124, 129); border-color: black;">
              热爱生命
            </section>
            <p style="box-sizing: border-box; margin-right: 0.3em; padding: 3px 5px; color: rgb(120, 124, 129); font-size: 0.9em; line-height: 2em; text-align: right;font-size:12px;"
              class="pBrush">我不去想是否能够成功，既然选择了远方，便只顾风雨兼程；我不去想能否赢得爱情，既然钟情于玫瑰，就勇敢地吐露真诚；我不去想身后会不会袭来寒风冷雨，既然目标是地平线，留给世界的只能是背影；我不去想未来是平坦还是泥泞，只要热爱生命，一切，都在意料之中。</p>
            <p style="box-sizing: border-box; margin-right: 0.3em; padding: 3px 5px; color: rgb(120, 124, 129); font-size: 0.9em; line-height: 2em; text-align: right;font-size:12px"
              class="pBrush">—汪国真</p>
          </section>
        </section>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright-135 slideInRight" data-cat="filter-2" data-id="1860" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="border: none; margin: 30px; padding: 0px;">

          <section style="width: 25px; height: 130px; margin-left: -12px; border-right: 1px solid rgb(198, 198, 199); background-color: rgb(254, 254, 254); box-sizing: border-box;-webkit-transform: rotate(45deg);transform: rotate(45deg); display: inline-block; margin-top: -50px;"></section>
          <p style="text-align: center;">
            <img src="@static/assets/images/articleEditor/zving_editor_pic_3_17.jpg" style="margin-top:-80px; width:100%;padding: 0;">
          </p>
          <section style="width: 25px; height: 130px; margin-right: -12px; margin-top: -80px; margin-bottom: 0px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(198, 198, 199); box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); float: right; background-color: rgb(254, 254, 254);"></section>
        </section>
      </section>
      <div class="hode-txt">
        135
      </div>
      <div class="copyright-bg copyright-135">
        135
      </div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright-135 slideInRight" data-cat="filter-2" data-id="1863" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="border: 0px rgb(167, 167, 155); box-sizing: border-box; width: 100%; clear: both; margin: 0px; padding: 0px 0.5em 0.5em 0px; text-align: center;">
          <img src="@static/assets/images/articleEditor/zving_editor_pic_3_18.gif" style="border-radius:50%; box-sizing:border-box; color:inherit; height:222px !important; margin:0px; padding:0px; vertical-align:baseline; width:222px"
            title="1505ff6685b5683d65b4c6eac8d115f3a55ac2e51dc75-4VwOo5_fw658.jpg">
          <section style="max-width: 100%; margin:0.6em auto; box-sizing: border-box; padding: 0px; display: inline-block; color: inherit;">
            <section style="float: left; display: inline-block; height: 45px; vertical-align: top; border-right-width: 21px; border-right-style: solid; border-right-color: rgb(167, 167, 155); color: inherit; padding: 0px; margin: 0px; box-sizing: border-box !important; border-top-width: 21px !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 21px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important;"></section>
            <section style="float: left; height: 45px; width: 192px; display: inline-block; color: rgb(255, 255, 255); font-size: 16px; font-weight: bold; padding: 4px 10px; line-height: 36px; vertical-align: middle; margin: 0px; border-color: rgb(212, 212, 212); box-sizing: border-box !important; background-color: rgb(167, 167, 155);">
              <span style="border-color:rgb(167, 167, 155); box-sizing:border-box; color:inherit; font-size:16px; margin:0px; padding:0px"
                class="pBrush">请输入图片名称</span>
            </section>
            <section style="float: left; display: inline-block; height: 45px; vertical-align: top; border-left-width: 22px; border-left-style: solid; border-left-color: rgb(167, 167, 155); color: inherit; padding: 0px; margin: 0px; box-sizing: border-box !important; border-top-width: 22px !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 22px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important;"></section>
          </section>
        </section>
      </section>
      <div class="hode-txt">
        135
      </div>
      <div class="copyright-bg copyright-135">
        135
      </div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright-135 slideInRight" data-cat="filter-2" data-id="1864" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="text-align: center; margin:0px;padding:5px;">

          <img src="@static/assets/images/articleEditor/zving_editor_pic_3_19.gif" style="-webkit-mask: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0))); padding: 5px; width: 100%; max-width: 100%;padding: 0;"
            title="1434695345878075519.jpg" alt="微信文章排版">
        </section>
      </section>
      <div class="hode-txt">
        135
      </div>
      <div class="copyright-bg copyright-135">
        135
      </div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright-none slideInRight" data-cat="filter-2" data-id="1894" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="white-space: normal;">
          <section class="s0000" style="margin: 0px; padding: 0px; border: 1px solid rgb(95, 170, 255); border-image-source: none; line-height: 1.6em; max-width: 100%; box-shadow: rgb(165, 165, 165) 0em 1em 0.1em -0.6em; box-sizing: border-box; color: inherit;">
            <section class="s0001" style="margin: 0px; padding: 1em; text-align: center; color: rgb(255, 255, 238); line-height: 1.4em; font-size: 1.4em; font-weight: bold; max-width: 100%; box-sizing: border-box; border-color: rgb(203, 224, 249); background-color: rgb(95, 170, 255);">
              <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: pre-wrap; min-height: 1em; max-width: 100%; box-sizing: border-box; border-color: rgb(95, 170, 255); color: inherit;">加入我们</p>
            </section>
            <section style="margin: 1.5em 0px 0px; padding: 0px; max-width: 100%; box-sizing: border-box; color: inherit;">
              <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: pre-wrap; min-height: 1em; max-width: 100%; box-sizing: border-box; color: inherit;">
                <br style="color: inherit;"> </p>
            </section>
            <section class="s0003" style="margin: 0em 0px 0px; padding: 0px; height: 2em; line-height: 1em; border-top-color: rgb(95, 170, 255); border-right-color: transparent; border-bottom-color: rgb(95, 170, 255); border-top-width: 1.1em; border-right-width: 1em; border-bottom-width: 1.1em; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; display: inline-block; max-width: 100%; box-sizing: border-box; color: inherit;">
              <section style="margin: -1em 0px 0px; padding: 0.5em 1em; height: 2em; color: rgb(95, 170, 255); white-space: nowrap; max-width: 100%; box-sizing: border-box; border-color: rgb(95, 170, 255);">
                <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: pre-wrap; min-height: 1em; max-width: 100%; box-sizing: border-box; border-color: rgb(95, 170, 255); color: inherit;">
                  <span style="color: rgb(255, 255, 255);">步骤1、关注公众平台</span>
                </p>
              </section>
            </section>
            <section style="margin: 0px; padding: 1em; max-width: 100%; box-sizing: border-box; color: inherit;">
              <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; text-align: center; line-height: 1.5em; white-space: pre-wrap; min-height: 1em; max-width: 100%; box-sizing: border-box; color: inherit;">
                <strong style="color: inherit;">
                  <span style="line-height: 1.5em; color: inherit;">长按以下二维码——“识别图中二维码”即可</span>
                  <span style="margin: 0px; padding: 0px; color: rgb(95, 170, 255); line-height: 1.5em; max-width: 100%; box-sizing: border-box; border-color: rgb(95, 170, 255);">
                    <strong style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; border-color: rgb(95, 170, 255); color: inherit;">关注</strong>
                  </span>
                  <span style="line-height: 1.5em; color: inherit;">。</span>
                </strong>
                <img style="display: block; margin: 0px auto; padding: 0px; line-height: 1.5em; width: auto; box-sizing: border-box; height: auto; color: inherit; max-width: 100%;"
                  src="@static/assets/images/articleEditor/qrcode_zvingsoft.png">
              </p>
            </section>
            <section class="s0003" style="margin: 0em 0px 0px; padding: 0px; height: 2em; line-height: 1em; border-top-color: rgb(95, 170, 255); border-right-color: transparent; border-bottom-color: rgb(95, 170, 255); border-top-width: 1.1em; border-right-width: 1em; border-bottom-width: 1.1em; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; display: inline-block; max-width: 100%; box-sizing: border-box; color: inherit;">
              <section style="margin: -1em 0px 0px; padding: 0.5em 1em; height: 2em; color: rgb(95, 170, 255); white-space: nowrap; max-width: 100%; box-sizing: border-box; border-color: rgb(95, 170, 255);">
                <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: pre-wrap; min-height: 1em; max-width: 100%; box-sizing: border-box; border-color: rgb(95, 170, 255); color: inherit;">
                  <span style="color: rgb(255, 255, 255);">步骤2、免费下载泽元软件app</span>
                </p>
              </section>
            </section>
            <section style="margin: 0px; padding: 1em; line-height: 25px; max-width: 100%; box-sizing: border-box; color: inherit;">
              <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 1.5em; white-space: pre-wrap; min-height: 1em; max-width: 100%; box-sizing: border-box; color: inherit;">
                <strong style="color: inherit;">长按以下二维码——“识别图中二维码”即可打开下载</strong> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                <br style="color: inherit;">
              </p>
              <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; text-align: center; line-height: 1.5em; white-space: pre-wrap; min-height: 1em; max-width: 100%; box-sizing: border-box; color: inherit;">
                <span style="margin: 0px; padding: 0px; line-height: 16px; max-width: 100%; box-sizing: border-box; color: inherit;">
                  <span style="margin: 0px; padding: 0px; line-height: 24px; max-width: 100%; box-sizing: border-box; color: inherit;">
                    <img style="display: block; margin: 0px auto; padding: 0px; width: auto; box-sizing: border-box; height: auto; max-width: 100%; color: inherit;"
                      src="@static/assets/images/articleEditor/qrcode_zvingsoft.png" title="1437969795918000946.png" alt="微信文章排版">
                  </span>
                </span>
              </p>
            </section>
          </section>
        </section>
      </section>
      <div class="hode-txt"></div>
      <div class="copyright-bg copyright-none"></div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright copyright-xmt slideInRight" data-cat="filter-2" data-id="1896" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="overflow:hidden;width:100%;height:300px;background-color:#f4f4f4;">
          <section style="overflow-x:hidden;overflow-y:auto;width:100%;height:300px;padding: 10px;box-sizing: border-box;">

            <img src="@static/assets/images/articleEditor/zving_editor_pic_3_22.jpg" style="display:block;max-width:100%;margin:0 auto;padding: 5px;background-color: #fff;"
              title="1438136787012093455.jpg" alt="微信文章排版">
            <img src="@static/assets/images/articleEditor/zving_editor_pic_3_23.jpg" style="display:block;max-width:100%;margin: 5px auto;padding: 5px;background-color: #fff;"
              title="微信文章排版" alt="微信文章排版">
            <img src="@static/assets/images/articleEditor/zving_editor_pic_3_22.jpg" style="display:block;max-width:100%;margin: 5px auto;padding: 5px;background-color: #fff;"
              title="微信文章排版" alt="微信文章排版">
          </section>
        </section>
        <p style="text-align:center;font-family:微软雅黑;font-size:12px;color:#aaa;">可以上下滚动的图片</p>
      </section>
      <div class="hode-txt">
        新媒体
      </div>
      <div class="copyright-bg copyright copyright-xmt">
        新媒体
      </div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright copyright-xmt slideInRight" data-cat="filter-2" data-id="1900" style="display:none"  data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="font-family: sans-serif,simhei;background: url('@static/assets/images/articleEditor/zving_editor_pic_bg_3_32.gif');text-align: center; background-clip: text !important;-webkit-background-clip:text!important;-webkit-text-fill-color: transparent;background-size: cover;background-repeat: no-repeat;background-position: center;color: #fff !important;">
          <h4 style="padding:0;margin:0;color: #fff;font-size: 60px !important;line-height:100%;">厚积薄发</h4>
          <p style="padding: 0;margin: 0;">可以带图片的文字</p>
        </section>
      </section>
      <div class="hode-txt">
        新媒体
      </div>
      <div class="copyright-bg copyright copyright-xmt">
        新媒体
      </div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright-135 slideInRight" data-cat="filter-2" data-id="1927" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="border: 2px solid rgb(44,44,45);padding:10px;">
          <section style="border: 0px; box-sizing: border-box; width: 100%; clear: both;padding: 0px; text-align: left; overflow: hidden; ">
            <section style="box-sizing: border-box; width: 80px;height:auto !important; float:left; padding:0px 0.1em 0px 0px; text-align: left;">
              <img alt="微信文章排版" border="0" src="@static/assets/images/articleEditor/zving_editor_pic_3_25.gif" style="box-sizing: border-box; width: 100%; height: auto !important; visibility: visible !important; max-width: 100%;"
                title="" vspace="0">
            </section>
            <section style="display: inline-block; width: 65%; box-sizing: border-box; float: right; padding: 0px 0px 0px 0.1em; text-align: left;">
              <p style="box-sizing: border-box; margin-right: 0.2em; padding: 3px 5px; color: rgb(120, 124, 129); line-height: 2em; text-align: left; font-size: 12px; text-indent: 0em;">
                <span style="border-bottom:2px solid rgb(44,44,45); color:rgb(0, 0, 0); font-size:18px;font-family: STHeiTi, Tahoma,simhei, sans-serif;">Taylor Swift</span>
              </p>
              <section>
                <p style="box-sizing: border-box; margin-right: 0.2em; padding: 3px 5px; color: rgb(120, 124, 129); line-height: 1.75em; text-align: left; font-size: 12px; text-indent: 0em;">
                  <span style="font-size:13px">泰勒·斯威夫特（Taylor Swift），1989年12月13日出生于美国宾夕法尼亚州，美国乡村音乐、流行音乐创作女歌手、演员、慈善家。</span>
                </p>
              </section>
            </section>
          </section>
        </section>
      </section>
      <div class="hode-txt">
        135
      </div>
      <div class="copyright-bg copyright-135">
        135
      </div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright-135 slideInRight" data-cat="filter-2" data-id="1929" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="text-align:center;">
          <section style="display:inline-block;margin: 5px 0px 3em;">
            <section style="font-size: 14px; border: none; margin-top: 3.5em; margin-bottom: 0.5em; box-sizing: border-box; padding: 0px;text-align: center;">
              <section style="font-size: 14px; box-sizing: border-box; padding: 0px; margin: 0px;">
                <section data-bg="" style="width: 16.5em; height: 16.5em; margin-top: 0em;  -webkit-transform: rotate(-45deg); font-size: 14px; box-sizing: border-box; padding: 0px; background-color: rgba(221, 240, 237, 0.498039);">
                  <section style="width: 90%; height: 20em; margin-left: -1.5em; padding-top: 0.5em; padding-right: 1em; -webkit-transform: rotate(-10deg); font-size: 1em; font-family: inherit; font-weight: inherit; text-align: right; text-decoration: inherit; color: rgb(255, 255, 255); box-sizing: border-box;"></section>
                </section>
              </section>
            </section>
            <section style="font-size: 14px; border: none; margin-top: 0em; margin-bottom: 0.5em; box-sizing: border-box; padding: 0px;">
              <section style="font-size: 14px; box-sizing: border-box; padding: 0px; margin: 0px;">
                <section data-bg="" style=" width: 16.5em; height: 16.5em; margin-top: -16.5em;-webkit-transform: rotate(-35deg); font-size: 14px; box-sizing: border-box; padding: 0px; background-color: rgba(221, 240, 237, 0.498039);">
                  <section style="width: 80%; height: 20em;  padding-top: 2em; padding-bottom: 2em; padding-left: 1em; -webkit-transform: rotate(35deg);font-family: inherit; font-weight: inherit;  text-decoration: inherit; box-sizing: border-box;">
                    <p style="text-align: justify; font-size: 14px; box-sizing: border-box; padding: 0px; margin: 0px;">
                      <span style="color:#7f7f7f" class="pBrush">我可以是正文</span>
                    </p>
                    <p style="text-align: justify; font-size: 14px; box-sizing: border-box; padding: 0px; margin: 0px;">
                      <span style="color:#7f7f7f">也可以是标题</span>
                    </p>
                    <p style="text-align: justify; font-size: 14px; box-sizing: border-box; padding: 0px; margin: 0px;">
                      <span style="color:#7f7f7f">但我可以让容纳的字数有限</span>
                    </p>
                    <p style="text-align: justify; font-size: 14px; box-sizing: border-box; padding: 0px; margin: 0px;">
                      <span style="color:#7f7f7f">不要给我太多内容哦~</span>
                    </p>
                  </section>
                </section>
              </section>
            </section>
          </section>
        </section>
      </section>
      <div class="hode-txt">
        135
      </div>
      <div class="copyright-bg copyright-135">
        135
      </div>
    </li>
    <li class="tmpl-list mix animated filter-2 copyright-135 slideInRight" data-cat="filter-2" data-id="1930" data-toggle="tooltip"
      data-placement="left" title="" data-original-title="点击可以插入此样式">
      <section class="pEditor">
        <section style="margin-top: 50px; padding: 10px; color: rgb(110, 156, 40); border-radius: 15px; border-color: rgb(189, 246, 103); background-color: rgb(229, 243, 208);">
          <section style="padding: 15px 10px; color: inherit; margin: 0px; border-color: rgb(229, 243, 208);">
            <section style="margin-top: -65px; color: inherit; padding: 0px; float: right; clear: none; border-color: rgb(229, 243, 208);">
              <img src="@static/assets/images/articleEditor/zving_editor_pic_3_26.gif" style="border-color:rgb(229, 243, 208); color:inherit; margin:0px; padding:0px"
                title="543.png">
            </section>
            <section style="margin-top: -65px; color: inherit; padding: 0px; clear: none; border-color: rgb(229, 243, 208);">
              <img src="@static/assets/images/articleEditor/zving_editor_pic_3_23.jpg" style="border-color:rgb(229, 243, 208); color:inherit; margin:0px; padding:0px">
            </section>
            <section style="padding: 10px; margin: 0px; border-color: rgb(229, 243, 208); color: inherit;">
              <p style="text-align: center; line-height: 2em; border-color: rgb(229, 243, 208); color: inherit;">
                <span style="border-color:rgb(229, 243, 208); color:inherit; font-size:20px" class="pBrush">祝大家端午节快乐~</span>
              </p>
              <p style="text-align: center; line-height: 2em; border-color: rgb(229, 243, 208); color: inherit;">
                <span style="border-color:rgb(229, 243, 208); color:inherit; font-size:20px">也祝全天下的父亲，节日快乐~</span>
              </p>
            </section>
          </section>
        </section>
        <section style="margin-top: -2px;">
          <section style="width: 10px; height: 30px; margin-left: 40px; float: left; color: rgb(110, 156, 40); border-color: rgb(189, 246, 103); background-color: rgb(229, 243, 208);"></section>
          <section style="width: 10px; height: 30px; margin-right: 40px; float: right; color: rgb(110, 156, 40); border-color: rgb(189, 246, 103); background-color: rgb(229, 243, 208);"></section>
          <section style="width: 0px; height: 0px; clear: both; color: inherit;"></section>
        </section>
      </section>
      <div class="hode-txt">
        135
      </div>
      <div class="copyright-bg copyright-135">
        135
      </div>
    </li>
  </div>
</template>

<script>
import common from '../articleEditorCommon.js'
export default {
  props: { themeColor: String },
  data() {
    return {
      zving_editor_pic_bg_3_28: 'url(' + require('@static/assets/images/articleEditor/zving_editor_pic_bg_3_28.jpg') + ')',
      zving_editor_pic_bg_3_29: 'url(' + require('@static/assets/images/articleEditor/zving_editor_pic_bg_3_29.jpg') + ')',
      zving_editor_pic_bg_3_30: 'url(' + require('@static/assets/images/articleEditor/zving_editor_pic_bg_3_30.jpg') + ')',
      zving_editor_pic_bg_3_31: 'url(' + require('@static/assets/images/articleEditor/zving_editor_pic_bg_3_31.jpg') + ')'
    }
  },
  watch: {
    themeColor(color) {
      common.parseObject($('.filter-2 .pEditor'), color, 'rgb(255,255,255)')
    }
  }
}
</script>
