Skip to content

T
test
提交 32c799db 作者: 汪任梦
操作

合并分支 'dev-feat/update' 到 'dev' 

Dev feat/update

查看合并请求 QJMIS-CPD/CPD_company_site/web_company_site!8
上级 febae2da e5cc778b
正在显示 包含 151 行增加 和 46 行删除
contactus.html
......@@ -32,8 +32,9 @@
<a href="./index.html#department">招贤纳士</a>
<a href="./index.html#cours">发展历程</a>
<a href="./index.html#product_service">产品服务</a>
<a href="./index.html#honors">荣誉资质</a>
<a href="./contactus.html" class="choosed">品牌加盟</a>
<a class="nav_last" href="about.html">千家风采</a>
<a class="nav_last" href="./about.html">千家风采</a>
</div>
</div>
</div>
......@@ -101,7 +102,7 @@
</div>
<div class="conter">
<span>千家地产</span>
<p>-已有14年的发展历史，是一家以地产经纪业务为核心的全国化发展的房地产综合服务体，作为河北省唯一一家在国家商务部注册备案的房地产经纪企业，品牌定位为"中国安心置业服务第一品牌"！</p>
<p>-已有15年的发展历史，是一家以地产经纪业务为核心的全国化发展的房地产综合服务体，作为河北省唯一一家在国家商务部注册备案的房地产经纪企业，品牌定位为"中国安心置业服务第一品牌"！</p>
</div>
</div>
<div class="households">
......@@ -113,7 +114,7 @@
</div>
<div class="conter">
<span>千家·万户</span>
<p>-已有14年的发展历史，是一家以地产经纪业务为核心的全国化发展的房地产综合服务体，作为河北省唯一一家在国家商务部注册备案的房地产经纪企业，品牌定位为"中国安心置业服务第一品牌"！</p>
<p>-已有15年的发展历史，是一家以地产经纪业务为核心的全国化发展的房地产综合服务体，作为河北省唯一一家在国家商务部注册备案的房地产经纪企业，品牌定位为"中国安心置业服务第一品牌"！</p>
</div>
</div>
</div>
......@@ -163,7 +164,7 @@
<div class="oness">品牌</div>
<div class="sected">
<p class="two">品牌支持</p>
<p>十四年名企（2004年-2018年）</p>
<p>十五年名企（2004年-2019年）</p>
<p>河北省唯一一家商务部备案房地产企业</p>
<p>唐山百万家庭放心置业首选。客户认可度高，老百姓认可企业</p>
<p>唐山市具有网签资质的房地产企业</p>
......
css/about.css
......@@ -200,7 +200,7 @@ header {
height: 580px;
margin:14px;
}
/* 凤凰园团队 */
/* 龙云楼团队 */
/* 团队名称 */
#content3 .team2 .top_words{
right:0px;
......@@ -210,24 +210,28 @@ header {
margin-top:175px;
}
#content3 .team4 .team_msg,
#content3 .team2 .team_msg {
#content3 .team2 .team_msg,
#content3 .team6 .team_msg {
margin: 0px 35px 0px 0px;
text-align: right;
}
/* 团队介绍 */
#content3 .team2 .team_msg .team_int,
#content3 .team4 .team_msg .team_int{
#content3 .team4 .team_msg .team_int,
#content3 .team6 .team_msg .team_int{
margin: 40px 42px 0px 0px;
}
#content3 .team2 .team_int span::before,
#content3 .team4 .team_int span::before{
#content3 .team4 .team_int span::before,
#content3 .team6 .team_int span::before{
display: none;
}
#content3 .team2 .team_int span::after,
#content3 .team4 .team_int span::after{
#content3 .team4 .team_int span::after,
#content3 .team6 .team_int span::after{
position: absolute;
top:0px;
right:-34px;
right:-30px;
content: "";
width: 10px;
height: 10px;
......@@ -237,10 +241,13 @@ header {
margin-top: 6px;
}
#content3 .team2 .team_msg .line {
left: 227px;
left: 223px;
}
#content3 .team4 .team_msg .line {
left: 199px;
left: 195px;
}
#content3 .team6 .team_msg .line {
left: 206px;
}
#content3 .team{
margin-bottom:135px;
......@@ -264,6 +271,10 @@ header {
position: relative;
height:570px;
}
#person_mien .person_box ul li img{
width: 349px;
height: 509px;
}
#person_mien .person_photo{
position: absolute;
bottom:0px;
......@@ -298,7 +309,7 @@ header {
#person_mien .personage{
display: none;
}
#person_mien .dongzuojin .team_msg h1 {
#person_mien .zhaoyue .team_msg h1 {
margin-top:115px;
}
#person_mien .team_msg h1 {
......
css/contactus.css
......@@ -7,7 +7,8 @@
#poster .poster_banner{
width:100%;
height:100%;
background: url('../images/company_posters.jpg') center;
background: url('../images/company_poster.jpg') center;
background-position: 18px;
}
#poster .poster_banner .main_body{
position: relative;
......
css/qj_show.css
......@@ -302,7 +302,7 @@ header {
#person_mien .personage{
display: none;
}
#person_mien .dongzuojin .team_msg h1 {
#person_mien .zhaoyue .team_msg h1 {
margin-top:115px;
}
#person_mien .team_msg h1 {
......
js/about.js
......@@ -117,7 +117,7 @@ window.onload = function () {
let scroll_one = document.getElementById("scroll_one").offsetTop - 90
let scroll_two = document.getElementById("scroll_two").offsetTop - 90
let scroll_three = document.getElementById("scroll_three").offsetTop - 90
let scroll_four = document.getElementById("scroll_four").offsetTop -180
let scroll_four = document.getElementById("scroll_four").offsetTop -240
let show_sidebar = document.getElementById("show_sidebar")
let sidebar_li = show_sidebar.getElementsByTagName("a")
let show_top = show_sidebar.getElementsByTagName("div")[0]
......
js/index.js
......@@ -3,7 +3,7 @@ window.onload = function () {
// 固定导航背景颜色
var scroll = function () {
var nav_height = document.getElementById("top_nav");
var scrollTop =document.body.scrollTop || document.documentElement.scrollTop;
var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
if (scrollTop > 0) {
nav_height.classList.add('header_scroll')
} else {
......@@ -30,8 +30,9 @@ window.onload = function () {
let home_one = document.getElementById("header").offsetTop - 90
let home_two = document.getElementById("introduce").offsetTop - 90
let home_three = document.getElementById("department").offsetTop - 90
let home_four = document.getElementById("cours").offsetTop -100
let home_four = document.getElementById("cours").offsetTop - 100
let home_five = document.getElementById("product_service").offsetTop - 90
let home_six = document.getElementById("honor").offsetTop - 120
let nav = document.getElementsByClassName("nav")[0];
let click_a = nav.getElementsByTagName("a");
......@@ -51,9 +52,12 @@ window.onload = function () {
case scrollTop >= home_four && scrollTop < home_five:
click_a[3].classList.add("choosed")
break;
case scrollTop >= home_five:
case scrollTop >= home_five && scrollTop < home_six:
click_a[4].classList.add("choosed")
break;
case scrollTop >= home_six:
click_a[5].classList.add("choosed")
break;
}
}
}
......@@ -64,12 +68,12 @@ window.onload = function () {
}
// 轮播鼠标移上事件
var video_box = document.getElementById("carouselExampleConta");
video_box.addEventListener("mouseenter",function(){
video_box.addEventListener("mouseenter", function () {
$(this).carousel('pause')
},false);
video_box.addEventListener("mouseleave",function(){
}, false);
video_box.addEventListener("mouseleave", function () {
$(this).carousel('cycle')
},false);
}, false);
//这里是数组，若是对象格式仅为循环方式不同而已
var json = [{
"resname": "人力资本部",
......@@ -115,7 +119,7 @@ window.onload = function () {
"resname": "市场部",
"img": "./images/market.jpg",
"resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
},{
}, {
"resname": "人力资本部",
"img": "./images/Human.jpg",
"resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。"
......@@ -159,7 +163,7 @@ window.onload = function () {
"resname": "市场部",
"img": "./images/market.jpg",
"resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
},{
}, {
"resname": "人力资本部",
"img": "./images/Human.jpg",
"resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。"
......@@ -203,7 +207,7 @@ window.onload = function () {
"resname": "市场部",
"img": "./images/market.jpg",
"resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
},{
}, {
"resname": "人力资本部",
"img": "./images/Human.jpg",
"resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。"
......@@ -249,26 +253,27 @@ window.onload = function () {
"resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
}
];
function asd(){
var i=0;
for(var n=0;n<12;n++){
function asd() {
var i = 0;
for (var n = 0; n < 12; n++) {
var tmp = "<div class='carousel-item video_box'><ul>";
for (i; i < json.length; i++) {
if(i===(n+1)*3){
i=(n+1)*3;
if (i === (n + 1) * 3) {
i = (n + 1) * 3;
break;
}else{
tmp +="<li>"+
"<div class='images'>"+"<img src="+json[i].img+">"+"</div>"+
"<div class='text'>"+
"<div class='titles'>"+json[i].resname+"</div>"+
"<p>"+json[i].resint+"</p>"+
"</div>"+
"</li>" ;
} else {
tmp += "<li>" +
"<div class='images'>" + "<img src=" + json[i].img + ">" + "</div>" +
"<div class='text'>" +
"<div class='titles'>" + json[i].resname + "</div>" +
"<p>" + json[i].resint + "</p>" +
"</div>" +
"</li>";
}
}
tmp += "</ul></div>";
var carouselExampleConta= document.getElementById("carouselExampleConta")
var carouselExampleConta = document.getElementById("carouselExampleConta")
carouselExampleConta.getElementsByClassName("carousel-inner")[0].innerHTML += tmp;
carouselExampleConta.getElementsByClassName("carousel-item")[0].classList.add("active")
}
......@@ -277,11 +282,11 @@ window.onload = function () {
// 招聘热线 文字跳动
var tel_content = document.getElementById("tel_content");
var move_span = tel_content.getElementsByTagName("span")
for(var s = 0 ; s < move_span.length ; s++){
(function(e){
var timer = setInterval(function(){
for (var s = 0; s < move_span.length; s++) {
(function (e) {
var timer = setInterval(function () {
move_span[e].classList.add("move_tel")
},e*200)
}, e * 200)
})(s)
}
......@@ -306,4 +311,66 @@ window.onload = function () {
}
// 侧边导航代码执行
common();
// 荣誉资质轮播图
let content = [
"<h5>2018年12月千家地产被授予<strong>河北省住宅与房地产业协会副会长单位</strong></h5>",
"<h5>千家地产董事长宋山担任<strong>河北省住宅与房地产业协会副会长</strong></h5>",
"<h5>2018年1月千家房地产获得了河北省住宅与房地产业协会授予的<strong>“年度诚信房地产经营机构”</strong></h5>",
"<h5>千家地产人才需求涉及到多个专业，我们也愿意为拥有梦想的学子提供学习的平台和未来工作的机会。</h5>",
"<h5>2018年11月千家地产与唐山学院达成战略合作，成为<strong>唐山学院首家大学生人才培养基地</strong>，并与各大高校达成战略合作关系</h5>"];
certifySwiper = new Swiper('#honor .swiper-container', {
watchSlidesProgress: true,
slidesPerView: 'auto',
centeredSlides: true,
loop: true,
loopedSlides: 5,
autoplay: {
delay: 5000,
stopOnLastSlide: false,
disableOnInteraction: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
pagination: {
el: '.swiper-pagination',
//clickable :true,
},
on: {
progress: function (progress) {
for (i = 0; i < this.slides.length; i++) {
var slide = this.slides.eq(i);
var slideProgress = this.slides[i].progress;
modify = 1;
if (Math.abs(slideProgress) > 1) {
modify = (Math.abs(slideProgress) - 1) * 0.25 + 1;
}
translate = slideProgress * modify * 300 + 'px';
scale = 1 - Math.abs(slideProgress) / 5;
zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
slide.transform('translateX(' + translate + ')');
slide.css('zIndex', zIndex);
slide.css('opacity', 1);
if (Math.abs(slideProgress) > 3) {
slide.css('opacity', 0);
}
}
},
setTransition: function (transition) {
for (var i = 0; i < this.slides.length; i++) {
var slide = this.slides.eq(i)
slide.transition(transition);
}
},
slideNextTransitionEnd: function () {
$('.honor_content').html(content[$('.swiper-slide-active').attr('data-swiper-slide-index')]);
},
slidePrevTransitionEnd: function () {
$('.honor_content').html(content[$('.swiper-slide-active').attr('data-swiper-slide-index')]);
}
}
})
}
\ No newline at end of file
js/swiper.min.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
package-lock.json
{
"lockfileVersion": 1
"requires": true,
"lockfileVersion": 1,
"dependencies": {
"dom7": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/dom7/-/dom7-2.1.2.tgz",
"integrity": "sha512-cGwWtpu7KY3JnbREGqG4EGC/u+1hyLfWVMqrqRjmwiO8d5i4B+0imLZAQ/cJbiXnjbs0pdIUzcUyeI9BbnyKNg==",
"requires": {
"ssr-window": "^1.0.1"
}
},
"ssr-window": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/ssr-window/-/ssr-window-1.0.1.tgz",
"integrity": "sha512-dgFqB+f00LJTEgb6UXhx0h+SrG50LJvti2yMKMqAgzfUmUXZrLSv2fjULF7AWGwK25EXu8+smLR3jYsJQChPsg=="
},
"swiper": {
"version": "4.4.6",
"resolved": "https://registry.npmjs.org/swiper/-/swiper-4.4.6.tgz",
"integrity": "sha512-F9NDtijQt+etiOe6JAEH+Cb+QKzwwFpi08FlOIQv8ALdoQ8tvAX/38a/28E5XxalAkChsHCutwkBCzDxDXTGiA==",
"requires": {
"dom7": "^2.1.2",
"ssr-window": "^1.0.1"
}
}
}
}
web_common_front @ fcfa8313
Subproject commit fcfa831331c975e8fc31b6ef3e4513f8f506ce88
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论