无框架完整码:
@import "../css/awesome.min.css";
:before{font-family:fontawesome;}
.phone .hotline::before{ display:inline-flex; content: '\f1e4'; margin-right:10px; color: #44A8D7;}
.phone .hotline .dt a{ color: #44A8D7; font-weight: bold;}
.phone .dd{ display: block; clear: both; font-size: 30px; line-height: 1em; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif}
弘帝框架改进码:
.phone .hotline::before{content:'\f1e4';margin-right:10px;color:var(--third)}
.phone .hotline .dt a{color:var(--third);font-weight:700}
.phone .dd{display:block;clear:both;font-size:30px;line-height:1em;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}
注意事项:由于IE不支持var,需将var(--value)变量替换成变量值。
<div class="container py-3">
<div class="row align-items-center">
<div class="col-lg-4 col-md-6 col-xs-11">$show_logo$</div>
<div class="col-lg-4 col-md-6 d-none d-md-block large">$func_summary(para=Slogan,title=0,memo=1,content=0)$</div>
<div class="col-lg-4 d-none d-lg-block phone">$func_contact(show=hotline,cln=0)$</div>
</div>
</div>
.phone @import"../../../SysThemes/css/bootstrap.min.css";
.Margin{text-align: right}
.phone .hotline{display:inline-flex;flex-direction: column;text-align:left;padding-left:60px;position: relative;}
.phone .hotline::before{display:flex;content: '\f098';margin-right:10px;color:#54BA19;font-size:4.5em;position: absolute;left:0;top:16px;align-items: center}
.phone .hotline .dd{display: block; clear: both;font-size:30px;line-height:1em;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;color:#FF9900}
|