|
@@ -0,0 +1,188 @@
|
|
|
+<div>
|
|
|
+ <includetail>
|
|
|
+ <div style="font:Verdana normal 14px;color:#000;">
|
|
|
+ <div style="position:relative;">
|
|
|
+ <div class="eml-w eml-w-sys-layout">
|
|
|
+ {{--页眉--}}
|
|
|
+ <div style="font-size: 0px;">
|
|
|
+ {{--分割线--}}
|
|
|
+ <div class="eml-w-sys-line">
|
|
|
+ <div class="eml-w-sys-line-left"></div>
|
|
|
+ <div class="eml-w-sys-line-right"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ {{--以下写正文--}}
|
|
|
+ <div class="eml-w-sys-content">
|
|
|
+ {{--以下写正文--}}
|
|
|
+ <div class="dragArea gen-group-list">
|
|
|
+
|
|
|
+ {{-- 普通的文本 --}}
|
|
|
+ <div class="gen-item">
|
|
|
+ <div class="eml-w-item-block" style="padding: 0px;">
|
|
|
+ <div class="eml-w-phase-normal-16">你好,你的找回密码验证码为:</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ {{-- 普通的文本【自定义样式】 --}}
|
|
|
+ <div class="gen-item">
|
|
|
+ {{-- padding:行间距 --}}
|
|
|
+ <div class="eml-w-item-block" style="padding: 0px;">
|
|
|
+ <div class="eml-w-phase-normal-16" style="color: red;text-align: center;font-weight:bold;font-size: 20px">{{$code}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ {{-- 署名 --}}
|
|
|
+ <div class="eml-w-sys-footer">恒久电子商城</div>
|
|
|
+ </div>
|
|
|
+ {{-- <img src="//exmail.qq.com/qy_mng_logic/reportKV?type=NewFeatureNotify0731&itemName=NewFeatureNotify0731" style="width:1px;height:1px;display:none;" onerror="">--}}
|
|
|
+ </div>
|
|
|
+ </div><!--<![endif]-->
|
|
|
+ </includetail>
|
|
|
+</div>
|
|
|
+
|
|
|
+<style>
|
|
|
+ .eml-w .eml-w-phase-normal-16 {
|
|
|
+ color: #2b2b2b;
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 1.75
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w .eml-w-phase-bold-16 {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #2b2b2b;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 1.75
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-title-level1 {
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 500;
|
|
|
+ padding: 15px 0
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-title-level3 {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 500;
|
|
|
+ padding-bottom: 10px
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-title-level3.center {
|
|
|
+ text-align: center
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-phase-small-normal {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #2b2b2b;
|
|
|
+ line-height: 1.75
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-picture-wrap {
|
|
|
+ padding: 10px 0;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-picture-full-img {
|
|
|
+ display: block;
|
|
|
+ width: auto;
|
|
|
+ max-width: 100%;
|
|
|
+ margin: 0 auto
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-sys-layout {
|
|
|
+ background: #fff;
|
|
|
+ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
|
|
|
+ border-radius: 4px;
|
|
|
+ margin: 50px auto;
|
|
|
+ max-width: 700px;
|
|
|
+ overflow: hidden
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-sys-line-left {
|
|
|
+ display: inline-block;
|
|
|
+ width: 88%;
|
|
|
+ background: #2984ef;
|
|
|
+ height: 3px
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-sys-line-right {
|
|
|
+ display: inline-block;
|
|
|
+ width: 11.5%;
|
|
|
+ height: 3px;
|
|
|
+ background: #8bd5ff;
|
|
|
+ margin-left: 1px
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-sys-logo {
|
|
|
+ text-align: right
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-sys-logo img {
|
|
|
+ display: inline-block;
|
|
|
+ margin: 30px 50px 0 0
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-sys-content {
|
|
|
+ position: relative;
|
|
|
+ padding: 20px 50px 0;
|
|
|
+ word-break: break-all
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-sys-footer {
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #bebebe;
|
|
|
+ letter-spacing: .5px;
|
|
|
+ padding: 0 0 30px 50px;
|
|
|
+ margin-top: 60px
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w {
|
|
|
+ font-family: Helvetica Neue, Arial, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, sans-serif;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ color: #2b2b2b;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 1.75
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w a {
|
|
|
+ text-decoration: none
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w a, .eml-w a:active {
|
|
|
+ color: #186fd5
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w h1, .eml-w h2, .eml-w h3, .eml-w h4, .eml-w h5, .eml-w h6, .eml-w li, .eml-w p, .eml-w ul {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-item-block {
|
|
|
+ margin-bottom: 10px
|
|
|
+ }
|
|
|
+
|
|
|
+ @media (max-width: 420px) {
|
|
|
+ .eml-w-sys-layout {
|
|
|
+ border-radius: none !important;
|
|
|
+ box-shadow: none !important;
|
|
|
+ margin: 0 !important
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-sys-layout .eml-w-sys-line {
|
|
|
+ display: none
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-sys-layout .eml-w-sys-logo img {
|
|
|
+ margin-right: 30px !important
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-sys-layout .eml-w-sys-content {
|
|
|
+ padding: 0 35px !important
|
|
|
+ }
|
|
|
+
|
|
|
+ .eml-w-sys-layout .eml-w-sys-footer {
|
|
|
+ padding-left: 30px !important
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|