以下是此模版在公众号里的效果图
模板代码
<section data-role="outer" label="Powered by 135editor.com" style="font-size: 16px;">
<section class="active" style="z-index: 9;width: 100%;height: 19px;overflow: hidden;margin-bottom: 1px;">
<section style="border-width: 1px;border-style: initial;border-color: rgb(51, 153, 51);width: 100%;height: 22px;font-size: 10px;margin-right: auto;margin-left: auto;background-position: 50% 50%;box-sizing: border-box;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);">
<section style="display: flex;flex-direction: row;justify-content: center;align-items: center;box-sizing: border-box;padding-bottom: 3px;" class="active">
<section style="width:25.5%;">
<a href="https://mp.weixin.qq.com/s?__biz=MzIzNDY0MjA3Mw==&mid=2247488389&idx=1&sn=3bb8316fa9eeba3c5c931f4c7f352fd3&chksm=e8f21c73df859565d40291b900171a6a8d6b26e91644354ab96e3019702705fc54da99690429&scene=21#wechat_redirect"><section style="border-radius: 3px;border-width: 1px;border-style: solid;border-color: rgb(211, 42, 99);width: 95%;overflow: hidden;margin-left: 2px;background-color: rgb(235, 103, 148);text-align: center;color: rgb(255, 255, 255);box-sizing: border-box;box-shadow: rgb(127, 127, 127) 2px 2px 10px;">
肾仔买车
</section></a>
</section>
<section style="width:25.5%;">
<a href="https://mp.weixin.qq.com/s?__biz=MzIzNDY0MjA3Mw==&mid=2247488388&idx=1&sn=76b0f749e6ab2406be0c4e084c5aff3f&chksm=e8f21c72df8595648438980549d2b61d0155f9723ae5b85cdbacb8bef653b48efe0f4356e6c4&scene=21#wechat_redirect"><section style="border-radius: 3px;border-width: 1px;border-style: solid;border-color:#0c8918;width:95%;overflow: hidden;margin-right: 2px;margin-left: 2px;background-color: #80b135;text-align: center;color: rgb(255, 255, 255);box-sizing: border-box;box-shadow: #7F7F7F 2px 2px 10px;">
肾仔开车
</section></a>
</section>
<section style="width:24.5%;">
<a href="https://mp.weixin.qq.com/s?__biz=MzIzNDY0MjA3Mw==&mid=2247488339&idx=1&sn=616ca55b1555f29d5eb2d00204f9de7e&chksm=e8f21ca5df8595b387bedcbaa9e970e772cddf6ff91978dc3a124d6b90d15d3c1703cf3610f7&scene=21#wechat_redirect"><section style="border-radius: 3px;border-width: 1px;border-style: solid;border-color:#374aae;width:95%;overflow: hidden;margin-right: 2px;margin-left: 2px;background-color: #59c3f9;text-align: center;color: rgb(255, 255, 255);box-sizing: border-box;box-shadow: #7F7F7F 2px 2px 10px;">
肾仔泡妞
</section></a>
</section>
<section style="width:25.5%;">
<a href="https://mp.weixin.qq.com/s?__biz=MzIzNDY0MjA3Mw==&mid=2247488305&idx=1&sn=9330f0d6b81320a68ff69422b257df26&chksm=e8f21cc7df8595d18ac0d8cd78fdb8075a97a4f3af5d7dc86843c444ab3e3f2c76d6f46dd116&scene=21#wechat_redirect"><section style="border-radius: 3px;border-width: 1px;border-style: solid;border-color: rgb(226, 86, 27);width: 95%;overflow: hidden;margin-left: 2px;background-color: rgb(255, 129, 36);text-align: center;color: rgb(255, 255, 255);box-sizing: border-box;box-shadow: rgb(127, 127, 127) 2px 2px 10px;">
肾仔扮教练
</section></a>
</section>
</section>
</section>
</section>
<section style="width:20em;height: 2.5em;margin-bottom: -5.5em;margin-left: -1.5em;overflow: hidden;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);">
<svg style="margin-top: 0em;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="190px" height="20px" viewbox="0 0 139.403 20" enable-background="new 0 0 139.403 20" xml:space="preserve">
<g>
<text transform="matrix(1 0 0 1 4.8403 14.1475)" fill="#FFFFFF" font-family="'MicrosoftYaHeiLight'" font-size="10"></text>
</g>
<animate attributename="opacity" from="0" to="1" begin="0s" dur="25s" repeatcount="indefinite"></animate>
</svg>
</section>
<section class="active">
<section>
<section class="active" style="border-color: rgb(255, 255, 255);width: 40em;height: 2em;text-align: center;line-height: 3em;font-size: 0.7em;font-weight: inherit;text-decoration: inherit;margin-top: 0em;margin-right: 0em;margin-bottom: -4em;float: right;transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);"></section>
<section class="active">
<section>
<section>
<section style="margin-top: -45px;margin-left: 80px;">
<section style="margin-top: -21px;width: 0px;height: 0px;border-width: 22px;border-style: solid;border-color: transparent transparent rgb(248, 247, 245);float: none;box-sizing: border-box;">
<span style="color: #75D80F;"> .</span>
</section>
</section>
</section>
<section class="active">
<section>
<p>
<iframe class="video_iframe" frameborder="0" scrolling="no" data-w="470" data-ratio="1.7647058823529411" data-vidtype="-1" data-src="https://v.qq.com/iframe/preview.html?vid=v0651029z2q &width=500&height=375&auto=0"></iframe>
</p>
</section>
</section>
</section>
</section>
</section>
</section>
<section style="line-height: normal;white-space: normal;">
<section style="margin-top: -54px;margin-left: 80px;">
<section style="margin-top: -21px;width: 0px;height: 0px;border-width: 22px;border-style: solid;border-color: transparent transparent rgb(248, 247, 245);float: none;box-sizing: border-box;">
<span style="white-space: pre-wrap;">.</span>
</section>
</section>
</section>
</section>