Skip to content

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

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

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