Skip to content

T
test
提交 89a2849b 作者: 汪任梦
操作

修改issue #12 图片过大加载慢的问题

上级 52798a6b
正在显示 包含 38 行增加 和 96 行删除
about.html
...@@ -23,9 +23,7 @@ ...@@ -23,9 +23,7 @@
<!-- 固定导航 --> <!-- 固定导航 -->
<div id="top_nav" class="header_scroll"> <div id="top_nav" class="header_scroll">
<div class="main_body clear"> <div class="main_body clear">
<a class="logo left" href="./index.html#header"> <a class="logo left" href="./index.html#header"></a>
<img src="./images/logo-02.svg" alt="" class="left">
</a>
<div class="nav right"> <div class="nav right">
<a class="nav_first" href="./index.html#header">首页</a> <a class="nav_first" href="./index.html#header">首页</a>
<a href="./index.html#introduce">公司介绍</a> <a href="./index.html#introduce">公司介绍</a>
......
contactus.html
...@@ -23,9 +23,7 @@ ...@@ -23,9 +23,7 @@
<!-- 固定导航 --> <!-- 固定导航 -->
<div id="top_nav" class="header_scroll"> <div id="top_nav" class="header_scroll">
<div class="main_body clear"> <div class="main_body clear">
<a class="logo left" href="./index.html#header"> <a class="logo left" href="./index.html#header"></a>
<img src="./images/logo-02.svg" alt="" class="left">
</a>
<div class="nav right"> <div class="nav right">
<a class="nav_first" href="./index.html#header">首页</a> <a class="nav_first" href="./index.html#header">首页</a>
<a href="./index.html#introduce">公司介绍</a> <a href="./index.html#introduce">公司介绍</a>
......
css/index.css
...@@ -1326,7 +1326,7 @@ ...@@ -1326,7 +1326,7 @@
/* 发展历程 */ /* 发展历程 */
#cours { #cours {
height: 800px; height: 800px;
background: url('../images/cours_img.jpg') no-repeat center; background: url('../images/cours_img.png') no-repeat center;
} }
#cours .cours_content { #cours .cours_content {
...@@ -1528,7 +1528,7 @@ ...@@ -1528,7 +1528,7 @@
/* 荣誉资质 */ /* 荣誉资质 */
#honor { #honor {
margin-bottom: 80px; /* margin-bottom: 80px; */
} }
#honor .honor_content { #honor .honor_content {
text-align: center; text-align: center;
...@@ -1633,13 +1633,6 @@ ...@@ -1633,13 +1633,6 @@
} }
/* 千家大地图 */ /* 千家大地图 */
#qj_map .map_content {
width: 100%;
height: 900px;
margin-top: 60px;
background: url('../images/map.jpg') no-repeat center;
}
/* 底部 */ /* 底部 */
#footer { #footer {
height: 220px; height: 220px;
......
index.html
...@@ -14,10 +14,9 @@ ...@@ -14,10 +14,9 @@
<link rel="stylesheet" href="./iconfont/iconfont.css"> <link rel="stylesheet" href="./iconfont/iconfont.css">
<link rel="stylesheet" href="./css/bootstrap.min.css"> <link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="./css/swiper.min.css"> <link rel="stylesheet" href="./css/swiper.min.css">
<script src="./js/jquery-3.3.1.slim.min.js"></script> <script src="./js/jquery-1.11.1.js"></script>
<script src="./js/popper.min.js"></script> <script src="./js/popper.min.js"></script>
<script src="./js/bootstrap.min.js"></script> <script src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="./js/wow.min.js"></script>
<script src="./js/common.js"></script> <script src="./js/common.js"></script>
<script src="./js/index.js"></script> <script src="./js/index.js"></script>
<script src="./js/swiper.min.js"></script> <script src="./js/swiper.min.js"></script>
...@@ -105,22 +104,22 @@ ...@@ -105,22 +104,22 @@
<!-- 后备支持 --> <!-- 后备支持 -->
<div id="support"> <div id="support">
<ul class="main_body clear"> <ul class="main_body clear">
<li class="support_person wow animated fadeInUp"> <li class="support_person">
<div></div> <div></div>
<p class="support_text_top">人才支持</p> <p class="support_text_top">人才支持</p>
<p class="support_text_bottom">人资部、培训部源源不断输送人才</p> <p class="support_text_bottom">人资部、培训部源源不断输送人才</p>
</li> </li>
<li class="support_house wow animated fadeInUp"> <li class="support_house">
<div></div> <div></div>
<p class="support_text_top">房产基业</p> <p class="support_text_top">房产基业</p>
<p class="support_text_bottom">置业部15年的奋斗历史</p> <p class="support_text_bottom">置业部15年的奋斗历史</p>
</li> </li>
<li class="support_network wow animated fadeInUp"> <li class="support_network">
<div></div> <div></div>
<p class="support_text_top">网络支持</p> <p class="support_text_top">网络支持</p>
<p class="support_text_bottom">网络部24小时网络技术支持</p> <p class="support_text_bottom">网络部24小时网络技术支持</p>
</li> </li>
<li class="support_warrant wow animated fadeInUp"> <li class="support_warrant">
<div></div> <div></div>
<p class="support_text_top">权证支持</p> <p class="support_text_top">权证支持</p>
<p class="support_text_bottom">拥有庞大的职能中心做后盾</p> <p class="support_text_bottom">拥有庞大的职能中心做后盾</p>
...@@ -131,17 +130,17 @@ ...@@ -131,17 +130,17 @@
<div id="introduces" style="height:60px;"></div> <div id="introduces" style="height:60px;"></div>
<div id="introduce" class="main_body"> <div id="introduce" class="main_body">
<div class="model_top"> <div class="model_top">
<div class="model_title wow animated fadeInUp">公司介绍</div> <div class="model_title">公司介绍</div>
<p class="model_eng wow animated fadeInUp">COMPANY</p> <p class="model_eng">COMPANY</p>
</div> </div>
<div class="introduce_box wow animated fadeInUp"> <div class="introduce_box">
<div class="background1"></div> <div class="background1"></div>
<div class="background2"></div> <div class="background2"></div>
<div class="introduce_content"> <div class="introduce_content">
<div class="first_introduce"> <div class="first_introduce">
<div class="introduce_title">第一品牌</div> <div class="introduce_title">第一品牌</div>
<div class="first_logo clear"> <div class="first_logo clear">
<img src="./images/first_logo_big.jpg" alt=""> <img src="./images/first_logo_big.png" alt="">
</div> </div>
<div class="introduce_text">唐山千家房地产经纪有限公司（简称千家地产）已有15年的发展历史，是一家以地产经纪业务为核心的全国化发展的房地产综合服务体，作为河北省唯一一家在国家商务部注册备案的房地产经纪企业，品牌定位为“中国安心置业服务第一品牌”! <div class="introduce_text">唐山千家房地产经纪有限公司（简称千家地产）已有15年的发展历史，是一家以地产经纪业务为核心的全国化发展的房地产综合服务体，作为河北省唯一一家在国家商务部注册备案的房地产经纪企业，品牌定位为“中国安心置业服务第一品牌”!
总部拥有9个部门组成的庞大职能中心作为千家地产的坚实后盾，秉承“助天下人，人有其居”的服务理念，为祖国人民能安居乐业而努力奋斗！ 总部拥有9个部门组成的庞大职能中心作为千家地产的坚实后盾，秉承“助天下人，人有其居”的服务理念，为祖国人民能安居乐业而努力奋斗！
...@@ -150,7 +149,7 @@ ...@@ -150,7 +149,7 @@
<div class="second_introduce"> <div class="second_introduce">
<div class="introduce_title">第二品牌</div> <div class="introduce_title">第二品牌</div>
<div class="second_logo clear"> <div class="second_logo clear">
<img src="./images/second_logo_small.jpg" alt=""> <img src="./images/second_logo_small.png" alt="">
</div> </div>
<div class="introduce_text">千家·万户是2017年千家地产开创的第二品牌，主要致力于培养优秀的房产经纪人，扶持中小型房产经纪公司。</div> <div class="introduce_text">千家·万户是2017年千家地产开创的第二品牌，主要致力于培养优秀的房产经纪人，扶持中小型房产经纪公司。</div>
<div class="join_us"> <div class="join_us">
...@@ -164,12 +163,12 @@ ...@@ -164,12 +163,12 @@
<!-- 11个数字助你认识我们 --> <!-- 11个数字助你认识我们 -->
<div id="understand_us"> <div id="understand_us">
<div class="main_body"> <div class="main_body">
<div class="understand_title wow animated fadeInUp"> <div class="understand_title">
<strong>11</strong> <strong>11</strong>
<span>个数字助你认识我们</span> <span>个数字助你认识我们</span>
</div> </div>
<div class="pull_line wow animated fadeInUp"></div> <div class="pull_line"></div>
<div class="number_box wow animated fadeInUp"> <div class="number_box">
<div class="first_num"> <div class="first_num">
<span>中国安心置业服务第</span> <span>中国安心置业服务第</span>
<strong>1</strong> <strong>1</strong>
...@@ -225,8 +224,8 @@ ...@@ -225,8 +224,8 @@
<div id="departments" class="main_body"> <div id="departments" class="main_body">
<div> <div>
<div class="model_top"> <div class="model_top">
<div class="model_title wow animated fadeInUp">天网体系</div> <div class="model_title">天网体系</div>
<p class="model_eng wow animated fadeInUp">SKYNET SYSTEM</p> <p class="model_eng">SKYNET SYSTEM</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -257,8 +256,8 @@ ...@@ -257,8 +256,8 @@
<div id="departmentd" class="main_body"> <div id="departmentd" class="main_body">
<div class="main_body"> <div class="main_body">
<div class="model_top"> <div class="model_top">
<div class="model_title wow animated fadeInUp">部门体系</div> <div class="model_title">部门体系</div>
<p class="model_eng wow animated fadeInUp">DEPARTMENT</p> <p class="model_eng">DEPARTMENT</p>
</div> </div>
</div> </div>
<div id="carouselExampleConta" class="carousel slide" data-ride="carousel" data-pause="hover"> <div id="carouselExampleConta" class="carousel slide" data-ride="carousel" data-pause="hover">
...@@ -294,11 +293,11 @@ ...@@ -294,11 +293,11 @@
</div> </div>
<div class="main_body"> <div class="main_body">
<div class="model_top"> <div class="model_top">
<div class="model_title wow animated fadeInUp">招贤纳士</div> <div class="model_title">招贤纳士</div>
<p class="model_eng wow animated fadeInUp">RECRUIT</p> <p class="model_eng">RECRUIT</p>
</div> </div>
<!-- 招聘岗位 --> <!-- 招聘岗位 -->
<div class=" wow animated fadeInUp clear"> <div class=" clear">
<ul class="recruit_talents clear"> <ul class="recruit_talents clear">
<li class="talents_data talents_data1 left"> <li class="talents_data talents_data1 left">
<div class="datahead clear"> <div class="datahead clear">
...@@ -608,7 +607,7 @@ ...@@ -608,7 +607,7 @@
</ul> </ul>
</div> </div>
<!-- 薪酬体系 --> <!-- 薪酬体系 -->
<div class="salsry_system wow animated fadeInUp"> <div class="salsry_system">
<div class="salsry_content clear"> <div class="salsry_content clear">
<div class="salsry_text salsry_left left"> <div class="salsry_text salsry_left left">
<div class="selary"> <div class="selary">
...@@ -672,7 +671,7 @@ ...@@ -672,7 +671,7 @@
</div> </div>
</div> </div>
<!-- 晋升体系 --> <!-- 晋升体系 -->
<div class="promotion_system wow animated fadeInUp"> <div class="promotion_system">
<p>晋升体系</p> <p>晋升体系</p>
<div class="promotion_content clear"> <div class="promotion_content clear">
<ul class="promotion_left left"> <ul class="promotion_left left">
...@@ -785,10 +784,10 @@ ...@@ -785,10 +784,10 @@
<div id="product_services" style="height:60px;"></div> <div id="product_services" style="height:60px;"></div>
<div id="product_service"> <div id="product_service">
<div class="model_top"> <div class="model_top">
<div class="model_title wow animated fadeInUp">产品服务</div> <div class="model_title">产品服务</div>
<p class="model_eng wow animated fadeInUp">PRODUCT</p> <p class="model_eng">PRODUCT</p>
</div> </div>
<div class="product_content wow animated fadeInUp main_body"> <div class="product_content main_body">
<ul class="li_box clear"> <ul class="li_box clear">
<li class="li_single"> <li class="li_single">
<img src="./images/business_1.jpg" alt=""> <img src="./images/business_1.jpg" alt="">
...@@ -827,79 +826,33 @@ ...@@ -827,79 +826,33 @@
<div id="honors" style="height:60px;"></div> <div id="honors" style="height:60px;"></div>
<div id="honor"> <div id="honor">
<div class="model_top"> <div class="model_top">
<div class="model_title wow animated fadeInUp">荣誉资质</div> <div class="model_title">荣誉资质</div>
<p class="model_eng wow animated fadeInUp">PRODUCT</p> <p class="model_eng">PRODUCT</p>
</div> </div>
<!-- 荣誉资质轮播图上方文字 --> <!-- 荣誉资质轮播图上方文字 -->
<div class="honor_content wow animated fadeInUp"> <div class="honor_content"></div>
</div> <div class="honor">
<div class="honor wow animated fadeInUp">
<div class="swiper-container swiper-container-horizontal"> <div class="swiper-container swiper-container-horizontal">
<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-4860px, 0px, 0px);"> <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-4860px, 0px, 0px);">
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" style="transform: translateX(9620px); z-index: 899; opacity: 0; transition-duration: 0ms;">
<div class="imgmask"></div>
<img src="images/banner1.png">
</div>
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="transform: translateX(7956px); z-index: 909; opacity: 0; transition-duration: 0ms;">
<div class="imgmask"></div>
<img src="images/banner2.png">
</div>
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="transform: translateX(6448px); z-index: 919; opacity: 0; transition-duration: 0ms;">
<div class="imgmask"></div>
<img src="images/banner3.png">
</div>
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="transform: translateX(5096px); z-index: 929; opacity: 0; transition-duration: 0ms;">
<div class="imgmask"></div>
<img src="images/banner4.png">
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev"
data-swiper-slide-index="4" style="transform: translateX(3900px); z-index: 939; opacity: 0; transition-duration: 0ms;">
<div class="imgmask"></div>
<img src="images/banner5.png">
</div>
<div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0" style="transform: translateX(2860px);-index: 949; opacity: 0; transition-duration: 0ms;"> <div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0" style="transform: translateX(2860px);-index: 949; opacity: 0; transition-duration: 0ms;">
<div class="imgmask"></div> <div class="imgmask"></div>
<img src="images/banner1.png"> <img src="images/bottom_banner1.png">
</div> </div>
<div class="swiper-slide swiper-slide-duplicate-next" data-swiper-slide-index="1" style="transform: translateX(1976px); z-index: 959; opacity: 0; transition-duration: 0ms;"> <div class="swiper-slide swiper-slide-duplicate-next" data-swiper-slide-index="1" style="transform: translateX(1976px); z-index: 959; opacity: 0; transition-duration: 0ms;">
<div class="imgmask"></div> <div class="imgmask"></div>
<img src="images/banner2.png"> <img src="images/bottom_banner2.png">
</div> </div>
<div class="swiper-slide" data-swiper-slide-index="2" style="transform: translateX(1248px); z-index: 969; opacity: 1; transition-duration: 0ms;"> <div class="swiper-slide" data-swiper-slide-index="2" style="transform: translateX(1248px); z-index: 969; opacity: 1; transition-duration: 0ms;">
<div class="imgmask"></div> <div class="imgmask"></div>
<img src="images/banner3.png"> <img src="images/bottom_banner3.png">
</div> </div>
<div class="swiper-slide" data-swiper-slide-index="3" style="transform: translateX(676px); z-index: 979; opacity: 1; transition-duration: 0ms;"> <div class="swiper-slide" data-swiper-slide-index="3" style="transform: translateX(676px); z-index: 979; opacity: 1; transition-duration: 0ms;">
<div class="imgmask"></div> <div class="imgmask"></div>
<img src="images/banner4.png"> <img src="images/bottom_banner4.png">
</div> </div>
<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="4" style="transform: translateX(320px); z-index: 989; opacity: 1; transition-duration: 0ms;"> <div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="4" style="transform: translateX(320px); z-index: 989; opacity: 1; transition-duration: 0ms;">
<div class="imgmask"></div> <div class="imgmask"></div>
<img src="images/banner5.png"> <img src="images/bottom_banner5.png">
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="0"
style="transform: translateX(0px);-index: 999; opacity: 1; transition-duration: 0ms;">
<div class="imgmask"></div>
<img src="images/banner1.png">
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="1"
style="transform: translateX(-320px); z-index: 989; opacity: 1; transition-duration: 0ms;">
<div class="imgmask"></div>
<img src="images/banner2.png">
</div>
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="transform: translateX(-676px); z-index: 979; opacity: 1; transition-duration: 0ms;">
<div class="imgmask"></div>
<img src="images/banner3.png">
</div>
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="transform: translateX(-1248px); z-index: 969; opacity: 1; transition-duration: 0ms;">
<div class="imgmask"></div>
<img src="images/banner4.png">
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev"
data-swiper-slide-index="4" style="transform: translateX(-1976px); z-index: 959; opacity: 0; transition-duration: 0ms;">
<div class="imgmask"></div>
<img src="images/banner5.png">
</div>
</div> </div>
</div> </div>
<div class="swiper-button-prev"></div> <div class="swiper-button-prev"></div>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论