Skip to content

T
test
提交 8a30286c 作者: 汪任梦
操作

更改千家大地图

上级 b950a6ab
正在显示 包含 232 行增加 和 40 行删除
contactus.html
......@@ -165,6 +165,34 @@
</div>
<div class="map">
<img src="./images/map.jpg" alt="">
<div class="relation_us">
<p>联系我们</p>
<div class="relation_more clear">
<div class="more_img left">
<img src="./images/map_img.png" alt="">
</div>
<ul class="more_msg left">
<li>
<div>
<span class="iconfont icon-dianhua"></span>
</div>
<span class="msg_content">0315-8080081</span>
</li>
<li>
<div>
<span class="iconfont icon-iconfonticon6"></span>
</div>
<span class="msg_content">1536887725</span>
</li>
<li>
<div>
<span class="iconfont icon-dizhi"></span>
</div>
<span class="msg_content">唐山是新天地·汇金中心B座8层</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 底部 -->
......
css/contactus.css
......@@ -243,6 +243,7 @@
}
/* 千家大地图 */
#qj_map .map {
position: relative;
margin-top: 60px;
width: 100%;
overflow: hidden;
......@@ -250,3 +251,61 @@
#qj_map .map img {
display: block;
}
#qj_map .relation_us{
position: absolute;
top:71px;
right:37px;
width:618px;
padding:0px 59px;
height:477px;
background: rgba(255, 255, 255, 0.8)
}
#qj_map .relation_us p{
font-size: 18px;
line-height: 18px;
padding:62px 0px 55px;
text-align: center;
color:#484846;
border-bottom:1px solid #ddd;
}
#qj_map .more_img{
margin-left:10px;
}
#qj_map .more_img img{
display: block;
width:155px;
}
#qj_map .relation_more{
margin-top:78px;
}
#qj_map .more_msg{
padding-left:46px;
margin:10px 0px 0px 46px;
border-left:1px solid #dddddb
}
#qj_map .more_msg .iconfont{
position: relative;
font-size: 20px;
color:#adadad;
}
#qj_map .more_msg li{
margin-top:14px;
}
#qj_map .more_msg li:first-of-type{
margin-top:0px;
}
#qj_map .more_msg div{
display: inline-block;
width:34px;
height:34px;
border: 1px solid #adadad;
border-radius: 50%;
text-align: center;
line-height: 34px;
margin-right:25px;
}
#qj_map .msg_content{
font-size: 20px;
color:#464646;
letter-spacing: 1px;
}
\ No newline at end of file
iconfont/demo_fontclass.html
......@@ -31,6 +31,12 @@
</li>
<li>
<i class="icon iconfont icon-iconfonticon6"></i>
<div class="name">qq</div>
<div class="fontclass">.icon-iconfonticon6</div>
</li>
<li>
<i class="icon iconfont icon-37"></i>
<div class="name">电话</div>
<div class="fontclass">.icon-37</div>
......@@ -175,12 +181,24 @@
</li>
<li>
<i class="icon iconfont icon-fuwu2"></i>
<div class="name">服 务</div>
<div class="fontclass">.icon-fuwu2</div>
</li>
<li>
<i class="icon iconfont icon-fangzi-"></i>
<div class="name">房子01-02</div>
<div class="fontclass">.icon-fangzi-</div>
</li>
<li>
<i class="icon iconfont icon-wangluo"></i>
<div class="name">网络</div>
<div class="fontclass">.icon-wangluo</div>
</li>
<li>
<i class="icon iconfont icon-rencaiku1"></i>
<div class="name">人才库</div>
<div class="fontclass">.icon-rencaiku1</div>
......@@ -229,12 +247,30 @@
</li>
<li>
<i class="icon iconfont icon-fuwu"></i>
<div class="name">服务</div>
<div class="fontclass">.icon-fuwu</div>
</li>
<li>
<i class="icon iconfont icon-fuwu1"></i>
<div class="name">服务</div>
<div class="fontclass">.icon-fuwu1</div>
</li>
<li>
<i class="icon iconfont icon-ren"></i>
<div class="name">人</div>
<div class="fontclass">.icon-ren</div>
</li>
<li>
<i class="icon iconfont icon-dizhi"></i>
<div class="name">地址</div>
<div class="fontclass">.icon-dizhi</div>
</li>
<li>
<i class="icon iconfont icon-jiangbei"></i>
<div class="name">奖杯</div>
<div class="fontclass">.icon-jiangbei</div>
......@@ -247,6 +283,12 @@
</li>
<li>
<i class="icon iconfont icon-dianhua"></i>
<div class="name">电话</div>
<div class="fontclass">.icon-dianhua</div>
</li>
<li>
<i class="icon iconfont icon-wangluo1"></i>
<div class="name">网络</div>
<div class="fontclass">.icon-wangluo1</div>
......@@ -270,18 +312,6 @@
<div class="fontclass">.icon-jiantou4-down-copy1</div>
</li>
<li>
<i class="icon iconfont icon-41"></i>
<div class="name">人</div>
<div class="fontclass">.icon-41</div>
</li>
<li>
<i class="icon iconfont icon-wangluo"></i>
<div class="name">网络</div>
<div class="fontclass">.icon-wangluo</div>
</li>
</ul>
<h2 id="font-class-">font-class引用</h2>
......
iconfont/demo_symbol.html
......@@ -53,6 +53,14 @@
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-iconfonticon6"></use>
</svg>
<div class="name">qq</div>
<div class="fontclass">#icon-iconfonticon6</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-37"></use>
</svg>
<div class="name">电话</div>
......@@ -245,6 +253,14 @@
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-fuwu2"></use>
</svg>
<div class="name">服 务</div>
<div class="fontclass">#icon-fuwu2</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-fangzi-"></use>
</svg>
<div class="name">房子01-02</div>
......@@ -253,6 +269,14 @@
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-wangluo"></use>
</svg>
<div class="name">网络</div>
<div class="fontclass">#icon-wangluo</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-rencaiku1"></use>
</svg>
<div class="name">人才库</div>
......@@ -317,6 +341,22 @@
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-fuwu"></use>
</svg>
<div class="name">服务</div>
<div class="fontclass">#icon-fuwu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-fuwu1"></use>
</svg>
<div class="name">服务</div>
<div class="fontclass">#icon-fuwu1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-ren"></use>
</svg>
<div class="name">人</div>
......@@ -325,6 +365,14 @@
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-dizhi"></use>
</svg>
<div class="name">地址</div>
<div class="fontclass">#icon-dizhi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jiangbei"></use>
</svg>
<div class="name">奖杯</div>
......@@ -341,6 +389,14 @@
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-dianhua"></use>
</svg>
<div class="name">电话</div>
<div class="fontclass">#icon-dianhua</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-wangluo1"></use>
</svg>
<div class="name">网络</div>
......@@ -371,22 +427,6 @@
<div class="fontclass">#icon-jiantou4-down-copy1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-41"></use>
</svg>
<div class="name">人</div>
<div class="fontclass">#icon-41</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-wangluo"></use>
</svg>
<div class="name">网络</div>
<div class="fontclass">#icon-wangluo</div>
</li>
</ul>
......
iconfont/demo_unicode.html
......@@ -51,6 +51,12 @@
</li>
<li>
<i class="icon iconfont">&#xe62e;</i>
<div class="name">qq</div>
<div class="code">&amp;#xe62e;</div>
</li>
<li>
<i class="icon iconfont">&#xe671;</i>
<div class="name">电话</div>
<div class="code">&amp;#xe671;</div>
......@@ -195,12 +201,24 @@
</li>
<li>
<i class="icon iconfont">&#xe603;</i>
<div class="name">服 务</div>
<div class="code">&amp;#xe603;</div>
</li>
<li>
<i class="icon iconfont">&#xe62f;</i>
<div class="name">房子01-02</div>
<div class="code">&amp;#xe62f;</div>
</li>
<li>
<i class="icon iconfont">&#xe60e;</i>
<div class="name">网络</div>
<div class="code">&amp;#xe60e;</div>
</li>
<li>
<i class="icon iconfont">&#xe63c;</i>
<div class="name">人才库</div>
<div class="code">&amp;#xe63c;</div>
......@@ -249,12 +267,30 @@
</li>
<li>
<i class="icon iconfont">&#xe6d4;</i>
<div class="name">服务</div>
<div class="code">&amp;#xe6d4;</div>
</li>
<li>
<i class="icon iconfont">&#xe6d9;</i>
<div class="name">服务</div>
<div class="code">&amp;#xe6d9;</div>
</li>
<li>
<i class="icon iconfont">&#xe6c5;</i>
<div class="name">人</div>
<div class="code">&amp;#xe6c5;</div>
</li>
<li>
<i class="icon iconfont">&#xe672;</i>
<div class="name">地址</div>
<div class="code">&amp;#xe672;</div>
</li>
<li>
<i class="icon iconfont">&#xea27;</i>
<div class="name">奖杯</div>
<div class="code">&amp;#xea27;</div>
......@@ -267,6 +303,12 @@
</li>
<li>
<i class="icon iconfont">&#xe76d;</i>
<div class="name">电话</div>
<div class="code">&amp;#xe76d;</div>
</li>
<li>
<i class="icon iconfont">&#xe707;</i>
<div class="name">网络</div>
<div class="code">&amp;#xe707;</div>
......@@ -290,18 +332,6 @@
<div class="code">&amp;#xeae2;</div>
</li>
<li>
<i class="icon iconfont">&#xe535;</i>
<div class="name">人</div>
<div class="code">&amp;#xe535;</div>
</li>
<li>
<i class="icon iconfont">&#xe655;</i>
<div class="name">网络</div>
<div class="code">&amp;#xe655;</div>
</li>
</ul>
<h2 id="unicode-">unicode引用</h2>
<hr>
......
iconfont/iconfont.eot
No preview for this file type
iconfont/iconfont.js
This source diff could not be displayed because it is too large. You can view the blob instead.
iconfont/iconfont.ttf
No preview for this file type
package-lock.json 0 → 100644
{
"lockfileVersion": 1
}
web_common_front @ fcfa8313
Subproject commit fcfa831331c975e8fc31b6ef3e4513f8f506ce88
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论