弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 2531|回复: 0

.phone .hotline.css

[复制链接]
发表于 2018-8-29 10:13:21 | 显示全部楼层 |阅读模式
无框架完整码:
@import "../css/awesome.min.css";
:before{font-family:fontawesome;}
hotline.png
.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)变量替换成变量值。

TIM图片20190613090114.png
<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}



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-5-8 10:33 , Processed in 0.065108 second(s), 18 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表