杨乐 / virtual · 提交

转到一个项目

作者 杨乐
提交 c3244e44f2ad69fe7e00290d6b72a6f2160b7a10 1 个父辈 c5aad37e
1 个管道 的构建 通过 耗费 6 秒

提交

内嵌 并排对比
正在显示 5 个修改的文件 包含 533 行增加 和 81 行删除
  1 +/**
  2 + * Swiper 6.4.5
  3 + * Most modern mobile touch slider and framework with hardware accelerated transitions
  4 + * https://swiperjs.com
  5 + *
  6 + * Copyright 2014-2020 Vladimir Kharlampidi
  7 + *
  8 + * Released under the MIT License
  9 + *
  10 + * Released on: December 18, 2020
  11 + */
  12 +
  13 +@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
@@ -13,7 +13,7 @@ @@ -13,7 +13,7 @@
13 <!-- Bootstrap Core CSS --> 13 <!-- Bootstrap Core CSS -->
14 <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"> 14 <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
15 <!-- <link rel="stylesheet" href="css/bootstrap1.min.css" type="text/css"> --> 15 <!-- <link rel="stylesheet" href="css/bootstrap1.min.css" type="text/css"> -->
16 - 16 + <link rel="stylesheet" href="css/swiper-bundle.min.css">
17 <!-- Owl Carousel Assets --> 17 <!-- Owl Carousel Assets -->
18 <link href="owl-carousel/owl.carousel.css" rel="stylesheet"> 18 <link href="owl-carousel/owl.carousel.css" rel="stylesheet">
19 <!-- <link href="owl-carousel/owl.theme.css" rel="stylesheet"> --> 19 <!-- <link href="owl-carousel/owl.theme.css" rel="stylesheet"> -->
@@ -47,6 +47,177 @@ @@ -47,6 +47,177 @@
47 <link href="assets/css/responsive.css" rel="stylesheet"> 47 <link href="assets/css/responsive.css" rel="stylesheet">
48 48
49 <style> 49 <style>
  50 + .swiper-container {
  51 + border: 1px solid red;
  52 + width: 100%;
  53 + height: 400px;
  54 + }
  55 + .swiper-container .lost {
  56 + width: 600px !important;
  57 + height: 400px !important;
  58 + position: relative;
  59 + background: #fff;
  60 + padding: 40px;
  61 + }
  62 + .swiper-container .swiper-slide-active, .swiper-container .swiper-slide-next, .swiper-container .swiper-slide-prev{
  63 + width: 600px !important;
  64 + height: 400px !important;
  65 + }
  66 +
  67 +
  68 + .swiper-wrapper {
  69 + width: 100%;
  70 + height: 100%;
  71 + }
  72 +
  73 +
  74 + .share_list{
  75 + display: none;
  76 + /* background: url("img/index/5-3.png") no-repeat;
  77 + background-size: 100% 100%; */
  78 + background: red;
  79 + width: 600px !important;
  80 + height: 400px;
  81 + float: left;
  82 + position: absolute;
  83 + left: 0;
  84 + top: 0;
  85 + }
  86 + .swiper-slide:hover .share_list{
  87 + display: block;
  88 + }
  89 + .seniorShare {
  90 + padding: 85px 0 85px 180px;
  91 + background: #f0f0f0;
  92 + }
  93 +
  94 + .pro_tit {
  95 + padding: 20px 40px 0;
  96 + opacity: 1;
  97 + font-size: 18px;
  98 + font-family: Helvetica;
  99 + text-align: left;
  100 + color: #ffffff;
  101 + line-height: 32px;
  102 + }
  103 +
  104 + .pro_py {
  105 + opacity: 1;
  106 + font-size: 24px;
  107 + font-family: Helvetica;
  108 + text-align: left;
  109 + color: #ffffff;
  110 + line-height: 24px;
  111 + padding-bottom: 10px;
  112 + }
  113 +
  114 + .pro_yy {
  115 + opacity: 1;
  116 + font-size: 24px;
  117 + font-family: Helvetica;
  118 + text-align: left;
  119 + color: #ffffff;
  120 + line-height: 24px;
  121 + }
  122 +
  123 + .proInfo {
  124 + margin-left: 20px
  125 + }
  126 +
  127 + #enterpriseProject {
  128 + display: flex;
  129 + flex-wrap: wrap;
  130 + width: 100%;
  131 + }
  132 +
  133 + .prowaiImg {
  134 + width: 80px;
  135 + height: 80px;
  136 + }
  137 +
  138 + .aa_content {
  139 + display: flex;
  140 + place-items: center;
  141 + position: absolute;
  142 + bottom: 20px;
  143 + right: 14px;
  144 + }
  145 +
  146 + .proContent {
  147 + overflow: hidden;
  148 + width: calc(50% - 100px);
  149 + /* flex-wrap: wrap; */
  150 + /* flex: 1; */
  151 + height: 350px;
  152 + position: relative;
  153 + /* background: url("img/index/5-1.png") no-repeat; */
  154 + /* background-size: 100% 100%; */
  155 + margin: 0 50px 50px;
  156 + }
  157 +
  158 + .box {
  159 + width: 100%;
  160 + overflow: hidden;
  161 + display: none;
  162 + background: url('img/index/5-3.png') no-repeat;
  163 + background-size: 100% 100%;
  164 + height: 350px;
  165 + float: left;
  166 + position: absolute;
  167 + left: 0;
  168 + top: 0;
  169 + }
  170 +
  171 + .proContent:hover .box {
  172 + display: block;
  173 + }
  174 +
  175 + /* .adb {
  176 + width: 500px;
  177 + height: 200px;
  178 + background: rgba(255, 255, 255, 0.5);
  179 + } */
  180 +
  181 + .par-morebro {
  182 + z-index: 10;
  183 + height: 60px;
  184 + opacity: 1;
  185 + font-size: 40px;
  186 + font-family: SourceHanSansCN, SourceHanSansCN-Medium;
  187 + font-weight: 500;
  188 + text-align: left;
  189 + color: #323232;
  190 + line-height: 60px;
  191 + }
  192 +
  193 + #threefield2 {
  194 + opacity: 1;
  195 + font-size: 40px;
  196 + font-family: PingFangSC, PingFangSC-Regular;
  197 + font-weight: 400;
  198 + text-align: left;
  199 + color: #323232;
  200 + line-height: 60px;
  201 + }
  202 +
  203 + #threefield1 {
  204 + margin: 0 0 22px 140px;
  205 + opacity: 1;
  206 + font-size: 18px;
  207 + font-family: Gotham, Gotham-Medium;
  208 + font-weight: 500;
  209 + text-align: left;
  210 + color: #66ca94;
  211 + line-height: 23px;
  212 + letter-spacing: 1px;
  213 + }
  214 +
  215 + .checkMore {
  216 + display: flex;
  217 + position: relative;
  218 + place-items: center;
  219 + }
  220 +
50 .openProBtn { 221 .openProBtn {
51 position: absolute; 222 position: absolute;
52 left: 35px; 223 left: 35px;
@@ -197,6 +368,16 @@ @@ -197,6 +368,16 @@
197 height: 50px; 368 height: 50px;
198 } 369 }
199 370
  371 + .pro_yuan {
  372 + position: absolute;
  373 + right: 155px;
  374 + background-color: #97dab6;
  375 + border-radius: 50%;
  376 + z-index: 2;
  377 + width: 50px;
  378 + height: 50px;
  379 + }
  380 +
200 header { 381 header {
201 height: 700px; 382 height: 700px;
202 } 383 }
@@ -234,6 +415,8 @@ @@ -234,6 +415,8 @@
234 } 415 }
235 416
236 #fivefields1 { 417 #fivefields1 {
  418 + margin-left: 20px;
  419 + opacity: 1;
237 font-size: 18px; 420 font-size: 18px;
238 font-family: Gotham, Gotham-Medium; 421 font-family: Gotham, Gotham-Medium;
239 font-weight: 500; 422 font-weight: 500;
@@ -243,6 +426,8 @@ @@ -243,6 +426,8 @@
243 } 426 }
244 427
245 #fivefields2 { 428 #fivefields2 {
  429 + margin-left: 20px;
  430 + height: 120px;
246 margin-top: 20px; 431 margin-top: 20px;
247 font-size: 40px; 432 font-size: 40px;
248 font-family: PingFangSC, PingFangSC-Regular; 433 font-family: PingFangSC, PingFangSC-Regular;
@@ -397,29 +582,30 @@ @@ -397,29 +582,30 @@
397 padding: 0 180px 0 268px; 582 padding: 0 180px 0 268px;
398 } 583 }
399 584
400 - .par-pro-Featured { 585 + /* .par-pro-Featured {
401 padding-right: 15px; 586 padding-right: 15px;
402 padding-left: 10%; 587 padding-left: 10%;
403 padding-bottom: 20px; 588 padding-bottom: 20px;
404 - } 589 + } */
405 590
406 - .intro { 591 + /* .intro {
407 color: #66CA94; 592 color: #66CA94;
408 text-align: left; 593 text-align: left;
409 - } 594 + } */
410 595
411 .par-pro-title1 { 596 .par-pro-title1 {
412 display: flex; 597 display: flex;
413 justify-content: space-between; 598 justify-content: space-between;
  599 + place-items: center;
  600 + margin: 0 40px 86px 140px;
414 } 601 }
415 602
416 #projects { 603 #projects {
417 - padding: 80px; 604 + padding: 80px 50px 145px;
418 } 605 }
419 606
420 .portfolio-post { 607 .portfolio-post {
421 - margin-bottom: 2%;  
422 - height: 35% 608 + height: 350px;
423 } 609 }
424 610
425 .par-headImg1 { 611 .par-headImg1 {
@@ -671,6 +857,7 @@ @@ -671,6 +857,7 @@
671 } */ 857 } */
672 858
673 .header-text { 859 .header-text {
  860 + padding: 70px 20px 0;
674 padding-left: 0px; 861 padding-left: 0px;
675 right: 0; 862 right: 0;
676 width: 100%; 863 width: 100%;
@@ -704,6 +891,7 @@ @@ -704,6 +891,7 @@
704 } 891 }
705 892
706 #onefields2 { 893 #onefields2 {
  894 + padding: 20px 0 40px;
707 width: 90%; 895 width: 90%;
708 font-size: 14px; 896 font-size: 14px;
709 font-family: SourceHanSansCN, SourceHanSansCN-Bold; 897 font-family: SourceHanSansCN, SourceHanSansCN-Bold;
@@ -721,6 +909,11 @@ @@ -721,6 +909,11 @@
721 display: none; 909 display: none;
722 } 910 }
723 911
  912 + .col-lg-3 {
  913 + padding-left: 20px;
  914 + padding-right: 20px;
  915 + }
  916 +
724 .index-head-btn a { 917 .index-head-btn a {
725 left: 0px; 918 left: 0px;
726 background: #97dab6; 919 background: #97dab6;
@@ -734,8 +927,14 @@ @@ -734,8 +927,14 @@
734 padding: 9px 13px; 927 padding: 9px 13px;
735 } 928 }
736 929
  930 + #team {
  931 + height: auto;
  932 + padding: 50px 10px;
  933 + }
  934 +
737 .index-head-btn { 935 .index-head-btn {
738 - padding-top: 40px; 936 +
  937 + /* padding-top: 40px; */
739 } 938 }
740 939
741 #oneimg1 { 940 #oneimg1 {
@@ -789,7 +988,8 @@ @@ -789,7 +988,8 @@
789 } 988 }
790 989
791 .index-row { 990 .index-row {
792 - height: 500px; 991 + padding: 40px 30px;
  992 + height: auto;
793 display: flex; 993 display: flex;
794 flex-direction: column; 994 flex-direction: column;
795 place-items: center; 995 place-items: center;
@@ -803,10 +1003,14 @@ @@ -803,10 +1003,14 @@
803 padding-top: 0px !important; 1003 padding-top: 0px !important;
804 } 1004 }
805 1005
  1006 + #index_two_title {
  1007 + margin-left: 0;
  1008 + }
  1009 +
806 #twoimg2 { 1010 #twoimg2 {
807 width: 190px; 1011 width: 190px;
808 height: 196px; 1012 height: 196px;
809 - margin: 20px 0; 1013 + margin: 0 0 30px 0;
810 } 1014 }
811 1015
812 .col-lg-1 { 1016 .col-lg-1 {
@@ -814,6 +1018,7 @@ @@ -814,6 +1018,7 @@
814 } 1018 }
815 1019
816 #twofields1 { 1020 #twofields1 {
  1021 + width: auto;
817 padding-right: 0; 1022 padding-right: 0;
818 font-size: 9px; 1023 font-size: 9px;
819 font-family: Gotham, Gotham-Medium; 1024 font-family: Gotham, Gotham-Medium;
@@ -824,16 +1029,19 @@ @@ -824,16 +1029,19 @@
824 } 1029 }
825 1030
826 #twofields2 { 1031 #twofields2 {
  1032 + margin: 20px 0 10px;
  1033 + width: auto;
827 font-size: 14px; 1034 font-size: 14px;
828 font-family: Gotham, Gotham-Bold; 1035 font-family: Gotham, Gotham-Bold;
829 font-weight: 700; 1036 font-weight: 700;
830 text-align: justify; 1037 text-align: justify;
831 color: #323232; 1038 color: #323232;
832 line-height: 24px; 1039 line-height: 24px;
833 - padding: 20px 0; 1040 + /* padding: 20px 0; */
834 } 1041 }
835 1042
836 #twofields3 { 1043 #twofields3 {
  1044 + width: auto;
837 padding-right: 0; 1045 padding-right: 0;
838 font-size: 9px; 1046 font-size: 9px;
839 font-family: SourceHanSansCN, SourceHanSansCN-Regular; 1047 font-family: SourceHanSansCN, SourceHanSansCN-Regular;
@@ -849,13 +1057,32 @@ @@ -849,13 +1057,32 @@
849 padding-bottom: 20px; 1057 padding-bottom: 20px;
850 } 1058 }
851 1059
  1060 + .checkMore {
  1061 + display: none;
  1062 + }
  1063 +
  1064 + /*
852 .intro { 1065 .intro {
853 color: #66CA94; 1066 color: #66CA94;
854 text-align: left; 1067 text-align: left;
855 font-size: 9px; 1068 font-size: 9px;
  1069 + } */
  1070 + .openPro {
  1071 + flex-direction: column;
  1072 + padding: 40px;
  1073 + }
  1074 +
  1075 + .open_right {
  1076 + display: flex;
  1077 + flex-direction: column;
  1078 + place-items: center;
  1079 + place-content: center;
  1080 + margin-top: 30px;
  1081 + margin-left: 0;
856 } 1082 }
857 1083
858 #threefield1 { 1084 #threefield1 {
  1085 + margin: 0;
859 text-align: center; 1086 text-align: center;
860 font-size: 9px; 1087 font-size: 9px;
861 font-family: Gotham, Gotham-Medium; 1088 font-family: Gotham, Gotham-Medium;
@@ -867,6 +1094,7 @@ @@ -867,6 +1094,7 @@
867 } 1094 }
868 1095
869 .par-pro-title1 { 1096 .par-pro-title1 {
  1097 + margin: 0;
870 display: block; 1098 display: block;
871 } 1099 }
872 1100
@@ -879,9 +1107,9 @@ @@ -879,9 +1107,9 @@
879 line-height: 24px; 1107 line-height: 24px;
880 } 1108 }
881 1109
882 - .par-morebro { 1110 + /* .par-morebro {
883 display: none; 1111 display: none;
884 - } 1112 + } */
885 1113
886 #projects { 1114 #projects {
887 padding: 0 30px 40px; 1115 padding: 0 30px 40px;
@@ -972,6 +1200,8 @@ @@ -972,6 +1200,8 @@
972 } 1200 }
973 1201
974 #fourfields2 { 1202 #fourfields2 {
  1203 + margin: 0;
  1204 + height: auto;
975 margin-top: 10px; 1205 margin-top: 10px;
976 font-size: 14px; 1206 font-size: 14px;
977 font-family: PingFangSC, PingFangSC-Semibold; 1207 font-family: PingFangSC, PingFangSC-Semibold;
@@ -999,11 +1229,12 @@ @@ -999,11 +1229,12 @@
999 } 1229 }
1000 1230
1001 .index-showBtn { 1231 .index-showBtn {
1002 - padding-top: 40px;  
1003 - margin-left: 32%; 1232 + position: inherit;
  1233 + margin-top: 10px;
1004 } 1234 }
1005 1235
1006 .index-showBtn a { 1236 .index-showBtn a {
  1237 + position: inherit;
1007 left: 0px !important; 1238 left: 0px !important;
1008 cursor: pointer; 1239 cursor: pointer;
1009 background: #66ca94; 1240 background: #66ca94;
@@ -1017,11 +1248,38 @@ @@ -1017,11 +1248,38 @@
1017 line-height: 12px; 1248 line-height: 12px;
1018 } 1249 }
1019 1250
  1251 + .questionList {
  1252 + display: flex;
  1253 + flex-direction: column;
  1254 + place-content: center;
  1255 + place-items: center;
  1256 + }
  1257 +
  1258 + .wenti-btn {
  1259 + margin: 40px 0 20px;
  1260 + opacity: 1;
  1261 + font-size: 14px;
  1262 + font-family: Helvetica;
  1263 + text-align: center;
  1264 + color: #323232;
  1265 + line-height: 14px;
  1266 + }
  1267 +
1020 .index_problem_list { 1268 .index_problem_list {
1021 - padding: 40px 5px; 1269 + padding: 40px 20px;
1022 text-align: center; 1270 text-align: center;
1023 } 1271 }
1024 1272
  1273 + .wenti_daan {
  1274 + width: auto;
  1275 + opacity: 1;
  1276 + font-size: 9px;
  1277 + font-family: Helvetica;
  1278 + text-align: justify;
  1279 + color: #5a5a5a;
  1280 + line-height: 16px;
  1281 + }
  1282 +
1025 #sixfields1 { 1283 #sixfields1 {
1026 text-align: center; 1284 text-align: center;
1027 font-size: 9px; 1285 font-size: 9px;
@@ -1047,10 +1305,57 @@ @@ -1047,10 +1305,57 @@
1047 } 1305 }
1048 1306
1049 .index-greenTitle { 1307 .index-greenTitle {
  1308 + height: auto;
1050 padding: 20px !important; 1309 padding: 20px !important;
1051 } 1310 }
1052 1311
  1312 + .proContent {
  1313 + width: calc(50% - 20px);
  1314 + margin: 0 10px 20px;
  1315 + height: 120px;
  1316 + }
  1317 +
  1318 + .prowaiImg {
  1319 + display: none;
  1320 + }
  1321 +
  1322 + .aa_content {
  1323 + bottom: 10px;
  1324 + display: block;
  1325 + right: 0;
  1326 + width: 100%;
  1327 + left: 50%;
  1328 + transform: translateX(-50%);
  1329 + }
  1330 +
  1331 + #enterpriseProject {
  1332 + margin-top: 42px;
  1333 + }
  1334 +
  1335 + .proInfo {
  1336 + margin-left: 0;
  1337 + }
  1338 +
  1339 + .pro_py {
  1340 + opacity: 1;
  1341 + font-size: 12px;
  1342 + font-family: Helvetica;
  1343 + text-align: center;
  1344 + color: #ffffff;
  1345 + line-height: 12px;
  1346 + }
  1347 +
  1348 + .pro_yy {
  1349 + opacity: 1;
  1350 + font-size: 12px;
  1351 + font-family: Helvetica;
  1352 + text-align: center;
  1353 + color: #ffffff;
  1354 + line-height: 12px;
  1355 + }
  1356 +
1053 #sevenfields1 { 1357 #sevenfields1 {
  1358 + margin-bottom: 20px;
1054 font-size: 9px; 1359 font-size: 9px;
1055 font-family: Gotham, Gotham-Medium; 1360 font-family: Gotham, Gotham-Medium;
1056 font-weight: 500; 1361 font-weight: 500;
@@ -1073,8 +1378,13 @@ @@ -1073,8 +1378,13 @@
1073 margin-top: 20px; 1378 margin-top: 20px;
1074 margin-bottom: 0px; 1379 margin-bottom: 0px;
1075 } 1380 }
1076 - }  
1077 1381
  1382 + .col-lg-3,
  1383 + .col-xs-6 {
  1384 + width: 50%;
  1385 + }
  1386 + }
  1387 +
1078 @media(max-width:1200px) {} 1388 @media(max-width:1200px) {}
1079 </style> 1389 </style>
1080 </head> 1390 </head>
@@ -1130,20 +1440,76 @@ @@ -1130,20 +1440,76 @@
1130 1440
1131 <!-- 企业实习项目 --> 1441 <!-- 企业实习项目 -->
1132 <section id="projects"> 1442 <section id="projects">
1133 - <div class="par-pro-Featured">  
1134 - <div class="intro" id="threefield1"></div>  
1135 - <div class="par-pro-title1">  
1136 - <h2 id="threefield2"></h2>  
1137 - <h2 style="cursor: pointer;" class="par-morebro"><a onclick="morebro()">浏览更多></a></h2> 1443 + <div id="threefield1"></div>
  1444 + <div class="par-pro-title1">
  1445 + <div id="threefield2"></div>
  1446 + <div class="checkMore">
  1447 + <h5 class="pro_yuan"></h5>
  1448 + <div class="par-morebro" onclick="morebro()">浏览更多></div>
1138 </div> 1449 </div>
1139 </div> 1450 </div>
1140 - <!-- </div> -->  
1141 <!-- 实习项目--> 1451 <!-- 实习项目-->
1142 - <div class="portfolio-items-container" id="enterpriseProject" href='profile.html'> 1452 + <!-- <div class="portfolio-items-container" id="enterpriseProject" href='profile.html'>
  1453 + </div> -->
  1454 +
  1455 +
  1456 + <!-- <div style="display: flex; flex-wrap: wrap; width: 100%;">
  1457 + <div class="new_zhanshi" style=" width: 800px;height: 350px; position: relative; overflow: hidden;">
  1458 + <div class="new_background"
  1459 + style="margin-top: -350px; width: 800px; height: 350px;position: absolute; background-color: rgba(0,0,0,0.5);">
  1460 + </div>
  1461 + <div style="width: 800px; height: 350px;">
  1462 + <img style="width: 100%; height: 100%; object-fit: cover;" src="./img/index/5-1.png" />
  1463 + </div>
  1464 + </div>
  1465 + <div class="new_zhanshi" style="width: 800px;height: 350px; position: relative; overflow: hidden;">
  1466 + <div class="new_background"
  1467 + style="margin-top: -350px; width: 800px; height: 350px;position: absolute; background-color: rgba(0,0,0,0.5);">
  1468 + </div>
  1469 + <div style="width: 800px; height: 350px;">
  1470 + <img style="width: 100%; height: 100%; object-fit: cover;" src="./img/index/5-1.png" />
  1471 + </div>
  1472 + </div>
  1473 + </div> -->
  1474 + <div id="enterpriseProject" href='profile.html'>
  1475 + <!-- <div class="proContent" style="background: url('img/index/5-1.png') no-repeat;background-size: 100% 100%">
  1476 + <div class="aa_content">
  1477 + <div class="prowaiImg">
  1478 + <img src="./img/index/5-2.png" style='width:100%;height:100%'>
  1479 + </div>
  1480 + <div class="proInfo">
  1481 + <div class="pro_py">平安证券</div>
  1482 + <div class="pro_yy">平安证券投资实习生</div>
  1483 + </div>
  1484 + </div>
  1485 + <div class="box" style="background: url('img/index/5-3.png') no-repeat;background-size: 100% 100%">
  1486 + <div class="pro_tit">我的学校非985
  1487 + 211，不在北上广深一线城市，根本没有机会接触到顶尖机构企业的实习机会。Start-line全新的形式为我们这类同学打开了一扇机会大门，使我们也可以跟北京上海的同学一样，在自己的简历中拥有如此多有含金量的实习经历，接触了解一线机构的丰富工作内容，掌握学习最核心的职场专业技能，这些沉甸甸的收获，在后续找工作过程中，让我从同学中脱颖而出。
  1488 + </div>
  1489 + <div class="aa_content">
  1490 + <div class="prowaiImg">
  1491 + <img src="./img/index/5-2.png" style='width:100%;height:100%'>
  1492 + </div>
  1493 + <div class="proInfo">
  1494 + <div class="pro_py">平安证券</div>
  1495 + <div class="pro_yy">平安证券投资实习生</div>
  1496 + </div>
  1497 + </div>
  1498 + </div>
  1499 + </div> -->
1143 </div> 1500 </div>
1144 - </section>  
1145 1501
1146 - <section class="openPro" style="background-color: #323232;"> 1502 +
  1503 +
  1504 +
  1505 +
  1506 +
  1507 +
  1508 +
  1509 +
  1510 + </section>
  1511 + <!-- 左图右字 -->
  1512 + <section class="openPro">
1147 <div id="fourimg3"> 1513 <div id="fourimg3">
1148 </div> 1514 </div>
1149 <div class="open_right"> 1515 <div class="open_right">
@@ -1155,21 +1521,38 @@ @@ -1155,21 +1521,38 @@
1155 <a onclick="morebro()" class="openProBtn">浏览实习项目</a> 1521 <a onclick="morebro()" class="openProBtn">浏览实习项目</a>
1156 </div> 1522 </div>
1157 </div> 1523 </div>
1158 - </div>  
1159 - </div>  
1160 - </section>  
1161 -  
1162 - <!-- 学长学姐分享 -->  
1163 - <section>  
1164 - <div class="banner-box" style="background: #f0f0f0;">  
1165 - <div class="share_head">  
1166 - <div id="fivefields1"></div>  
1167 - <h2 id="fivefields2"></h2>  
1168 - </div> 1524 + </section>
  1525 +
  1526 + <!-- 学长学姐分享 -->
  1527 + <!-- <section class="seniorShare">
  1528 + <div id="fivefields1"></div>
  1529 + <div id="fivefields2"></div>
1169 <div class="swiper-container"> 1530 <div class="swiper-container">
1170 <div class="swiper-wrapper"> 1531 <div class="swiper-wrapper">
  1532 + <div class="swiper-slide lost">
  1533 + 11
  1534 + </div>
  1535 + <div class="swiper-slide lost">Slide 2</div>
  1536 + <div class="swiper-slide lost">Slide 3</div>
  1537 + <div class="swiper-slide lost">Slide 2</div>
  1538 + <div class="swiper-slide lost">Slide 3</div>
  1539 + <div class="swiper-slide lost">Slide 2</div>
  1540 + <div class="swiper-slide lost">Slide 3</div>
  1541 + <div class="swiper-slide lost">Slide 2</div>
  1542 + <div class="swiper-slide lost">Slide 3</div>
  1543 + </div>
  1544 + </div>
  1545 + </section> -->
  1546 + <!-- <section>
  1547 + <div class="banner-box" style="background: #f0f0f0;">
  1548 + <div class="share_head">
  1549 + <div id="fivefields1"></div>
  1550 + <h2 id="fivefields2"></h2>
  1551 + </div>
  1552 + <div class="swiper-container">
  1553 + <div class="swiper-wrapper"> -->
1171 1554
1172 - <!-- <div class="swiper-slide swiper-slide-center none-effect"> 1555 + <!-- <div class="swiper-slide swiper-slide-center none-effect">
1173 <div class="share_all"> 1556 <div class="share_all">
1174 <div class="share_top"> 1557 <div class="share_top">
1175 <div class="share_img"> 1558 <div class="share_img">
@@ -1184,43 +1567,44 @@ @@ -1184,43 +1567,44 @@
1184 </div> 1567 </div>
1185 </div> --> 1568 </div> -->
1186 1569
  1570 + <!-- </div>
  1571 + <div class="banner-arrow">
  1572 + <div class="swiper-button-prev"></div>
  1573 + <div class="swiper-button-next"></div>
  1574 + </div>
1187 </div> 1575 </div>
1188 - <div class="banner-arrow">  
1189 - <div class="swiper-button-prev"></div>  
1190 - <div class="swiper-button-next"></div>  
1191 - </div> 1576 + <div class="swiper-pagination"></div>
1192 </div> 1577 </div>
1193 - <div class="swiper-pagination"></div>  
1194 - </div>  
1195 - </section>  
1196 - <!-- 问题 -->  
1197 - <section class="index_problem_list">  
1198 - <div id="sixfields1"></div>  
1199 - <div id="sixfields2"></div>  
1200 - <div id="clickQuestion">  
1201 - </div>  
1202 - </section>  
1203 - <!-- 绿底字 -->  
1204 - <section class="index-greenTitle">  
1205 - <div id="sevenfields1"></div>  
1206 - <div id="sevenfields2"></div>  
1207 - </section>  
1208 - <!-- 移动端底部 -->  
1209 - <div class="login-footer-all">  
1210 - <div class="login-footer-img" style="width: 25%;margin-top: 45px;">  
1211 - <img src="img/portfolio/whiteLogo.png" width="100%">  
1212 - </div>  
1213 - <div style="color: #fff; 1578 + </section> -->
  1579 + <!-- 问题 -->
  1580 + <section class="index_problem_list">
  1581 + <div id="sixfields1"></div>
  1582 + <div id="sixfields2"></div>
  1583 + <div id="clickQuestion">
  1584 + </div>
  1585 + </section>
  1586 + <!-- 绿底字 -->
  1587 + <section class="index-greenTitle">
  1588 + <div id="sevenfields1"></div>
  1589 + <div id="sevenfields2"></div>
  1590 + </section>
  1591 + <!-- 移动端底部 -->
  1592 + <div class="login-footer-all">
  1593 + <div class="login-footer-img" style="width: 25%;margin-top: 45px;">
  1594 + <img src="img/portfolio/whiteLogo.png" width="100%">
  1595 + </div>
  1596 + <div style="color: #fff;
1214 font-family: PingFangSC, PingFangSC-Regular; 1597 font-family: PingFangSC, PingFangSC-Regular;
1215 text-align: center; 1598 text-align: center;
1216 font-size: 9px;margin-top: 12px;">成功职场第一步，从Start-Line开始</div> 1599 font-size: 9px;margin-top: 12px;">成功职场第一步，从Start-Line开始</div>
1217 - <div style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">  
1218 - 关注Start-Line</div>  
1219 - <div style="width: 25%;margin-bottom: 200px;">  
1220 - <img src="img/portfolio/EWM.png" width="100%"> 1600 + <div
  1601 + style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">
  1602 + 关注Start-Line</div>
  1603 + <div style="width: 25%;margin-bottom: 200px;">
  1604 + <img src="img/portfolio/EWM.png" width="100%">
  1605 + </div>
1221 </div> 1606 </div>
1222 </div> 1607 </div>
1223 - </div>  
1224 <!-- FOOTER --> 1608 <!-- FOOTER -->
1225 <footer> 1609 <footer>
1226 <div class="wrap-footer" style="background-color: #323232;height: 609px;padding-top: 0;"> 1610 <div class="wrap-footer" style="background-color: #323232;height: 609px;padding-top: 0;">
@@ -1369,8 +1753,8 @@ @@ -1369,8 +1753,8 @@
1369 <!-- carousel --> 1753 <!-- carousel -->
1370 <script src="./owl-carousel/owl.carousel.js"></script> 1754 <script src="./owl-carousel/owl.carousel.js"></script>
1371 <script src="./owl-carousel/owl.carousel.min.js"></script> 1755 <script src="./owl-carousel/owl.carousel.min.js"></script>
1372 -  
1373 - 1756 + <!-- swiper -->
  1757 + <script src="js/swiper-bundle.min.js"></script>
1374 <!-- assets --> 1758 <!-- assets -->
1375 <script src="assets/js/jquery.js"></script> 1759 <script src="assets/js/jquery.js"></script>
1376 <script src="assets/js/popper.min.js"></script> 1760 <script src="assets/js/popper.min.js"></script>
@@ -1386,8 +1770,37 @@ @@ -1386,8 +1770,37 @@
1386 <script src="assets/js/jQuery.style.switcher.min.js"></script> 1770 <script src="assets/js/jQuery.style.switcher.min.js"></script>
1387 <script src="assets/js/script.js"></script> 1771 <script src="assets/js/script.js"></script>
1388 1772
  1773 + <script>
  1774 + var mySwiper = new Swiper('.swiper-container', {
  1775 + direction: 'horizontal', // 垂直切换选项
  1776 + // loop:true,
  1777 + mousewheel: true,
  1778 + autoplay: {
  1779 + delay: 5000,
  1780 + stopOnLastSlide: false,
  1781 + disableOnInteraction: true,
  1782 +
  1783 + },
  1784 + width:600,
  1785 + height: 400,
  1786 + })
  1787 + </script>
1389 1788
1390 - 1789 + <script>
  1790 + $(".new_zhanshi").mouseover(function () {
  1791 + var indexs = $(this).index()
  1792 + console.log(indexs)
  1793 +
  1794 + $(".new_zhanshi").eq(indexs).find('.new_background').css("transition", "all 0.4s ease-in-out")
  1795 + $(".new_zhanshi").eq(indexs).find('.new_background').css("margin-top", "0px")
  1796 + })
  1797 + $(".new_zhanshi").mouseout(function () {
  1798 + var indexs = $(this).index()
  1799 + console.log(indexs)
  1800 + $(".new_zhanshi").eq(indexs).find('.new_background').css("transition", "all 0.4s ease-in-out")
  1801 + $(".new_zhanshi").eq(indexs).find('.new_background').css("margin-top", "-350px")
  1802 + })
  1803 + </script>
1391 <!-- <script> 1804 <!-- <script>
1392 $(document).ready(function() { 1805 $(document).ready(function() {
1393 $("#owl-brand ").owlCarousel({ 1806 $("#owl-brand ").owlCarousel({
@@ -75,7 +75,7 @@ $(document).ready(function() { @@ -75,7 +75,7 @@ $(document).ready(function() {
75 // console.log($(this)); 75 // console.log($(this));
76 // console.log(value) 76 // console.log(value)
77 let title = ` 77 let title = `
78 - <div class="imgList col-lg-3 col-sm-6 col-xs-6"> 78 + <div class="imgList col-xs-6 col-lg-3">
79 <div id="FourImage"> 79 <div id="FourImage">
80 <img src="${value.img}" style='width:100%'> 80 <img src="${value.img}" style='width:100%'>
81 </div> 81 </div>
@@ -87,7 +87,6 @@ $(document).ready(function() { @@ -87,7 +87,6 @@ $(document).ready(function() {
87 }) 87 })
88 88
89 //企业实习项目 89 //企业实习项目
90 - var url2 = "/warrantyTwo/warrantyTwoList";  
91 var header2 = { 90 var header2 = {
92 "Content-Type": "application/json", 91 "Content-Type": "application/json",
93 // "token": localStorage.getItem('token'), 92 // "token": localStorage.getItem('token'),
@@ -96,13 +95,37 @@ $(document).ready(function() { @@ -96,13 +95,37 @@ $(document).ready(function() {
96 current: 1, 95 current: 1,
97 size: 4 96 size: 4
98 }) 97 })
99 - ajax(url2, "POST", header2, params, function(res) { 98 + ajax("/warrantyTwo/warrantyTwoList", "POST", header2, params, function(res) {
100 console.log(res); 99 console.log(res);
101 $.each(res.data.records, function(key, value) { 100 $.each(res.data.records, function(key, value) {
102 console.log(value) 101 console.log(value)
  102 + let title1 = `
  103 + <div class="proContent" style="background: url('${value.img}') no-repeat;background-size: 100% 100%" id=${value.id} onClick="setProfileId(${value.id})">
  104 + <div class="aa_content">
  105 + <div class="prowaiImg">
  106 + <img src="${value.img1}" style='width:100%;height:100%'>
  107 + </div>
  108 + <div class="proInfo">
  109 + <div class="pro_py">${value.title}</div>
  110 + <div class="pro_yy">${value.yyTitle}</div>
  111 + </div>
  112 + </div>
  113 + <div class="box" style="background: url('img/index/5-3.png') no-repeat;background-size: 100% 100%">
  114 + <div class="pro_tit">${value.content}</div>
  115 + <div class="aa_content">
  116 + <div class="prowaiImg">
  117 + <img src="${value.img1}" style='width:100%;height:100%'>
  118 + </div>
  119 + <div class="proInfo">
  120 + <div class="pro_py">${value.title}</div>
  121 + <div class="pro_yy">${value.yyTitle}</div>
  122 + </div>
  123 + </div>
  124 + </div>
  125 + </div>`
103 let title = ` 126 let title = `
104 <div class="col-xs-6 col-lg-33 portfolio-post contentClick" id=${value.id} onClick="setProfileId(${value.id})"> 127 <div class="col-xs-6 col-lg-33 portfolio-post contentClick" id=${value.id} onClick="setProfileId(${value.id})">
105 - <article class="portfolio-post-item" style='height:100%'> 128 + <div class="portfolio-post-item" style='height:100%'>
106 <div style="position: relative;height:100%"> 129 <div style="position: relative;height:100%">
107 <div style="position: relative;" style='height:100%'> 130 <div style="position: relative;" style='height:100%'>
108 <img src="${value.img}" alt="" style='height:100%' class='noticeimg-head'> 131 <img src="${value.img}" alt="" style='height:100%' class='noticeimg-head'>
@@ -132,9 +155,9 @@ $(document).ready(function() { @@ -132,9 +155,9 @@ $(document).ready(function() {
132 </div> 155 </div>
133 </div> 156 </div>
134 </div> 157 </div>
135 - </article> 158 + </div>
136 </div>` 159 </div>`
137 - $('#enterpriseProject').append(title) 160 + $('#enterpriseProject').append(title1)
138 }) 161 })
139 }, function(res) { 162 }, function(res) {
140 console.log(res); 163 console.log(res);
@@ -164,7 +187,7 @@ $(document).ready(function() { @@ -164,7 +187,7 @@ $(document).ready(function() {
164 <div class="share_title">${res.data[i].sketch}</div> 187 <div class="share_title">${res.data[i].sketch}</div>
165 </div> 188 </div>
166 </div>` 189 </div>`
167 - $(".swiper-wrapper").append(tit) 190 + // $(".swiper-wrapper").append(tit)
168 191
169 // let img = `<img src='${res.data[i].img}' style="width: 100%; ">` 192 // let img = `<img src='${res.data[i].img}' style="width: 100%; ">`
170 // $("#head-img").append(img) 193 // $("#head-img").append(img)
@@ -218,7 +241,7 @@ $(document).ready(function() { @@ -218,7 +241,7 @@ $(document).ready(function() {
218 $.each(res.data, function(key, value) { 241 $.each(res.data, function(key, value) {
219 console.log(value.question); 242 console.log(value.question);
220 let title = ` 243 let title = `
221 - <div> 244 + <div class='questionList'>
222 <div class='wenti-btn' id="question2" onClick="showAnswer(${value.id})" data-id='${key}'>${value.question}</div> 245 <div class='wenti-btn' id="question2" onClick="showAnswer(${value.id})" data-id='${key}'>${value.question}</div>
223 <p class='wenti_daan' id="answer${value.id}" data-id='${key}'></p> 246 <p class='wenti_daan' id="answer${value.id}" data-id='${key}'></p>
224 </div>` 247 </div>`
@@ -279,4 +302,7 @@ function morebro() { @@ -279,4 +302,7 @@ function morebro() {
279 //登录 302 //登录
280 function loginStatus1() { 303 function loginStatus1() {
281 window.location.href = 'login.html' 304 window.location.href = 'login.html'
282 -}  
  305 +}
  306 +
  307 +
  308 +
此 diff 太大无法显示。
此 diff 太大无法显示。