大屏改版

app/home/view/index/index.html

@@ -7,32 +7,32 @@
     <link rel="stylesheet" href="__HCSS__/style.css">
     <link rel="stylesheet" href="/static/common/css/swiper.min.css">
     <style>
-        .container {width:1255px;height:605px;background-image:url("__HIMAGES__/index.jpg");background-size:100% 100%;background-repeat:no-repeat;position:relative;}
-        .inner-box {width:890px;height:546px;position:absolute;left:336px;top:32px;background:white;}
-        .lw-title {height:40px;position:relative;}
-        .lw-title .main-title {color:#737373;font-weight:bold;height:22px;line-height:22px;}
-        .lw-title .main-title .big {font-size:18px;}
-        .lw-title .main-title .little {font-size:14px;}
-        .lw-title .sub-title {font-size:12px;color:#E08212;height:12px;line-height:12px;}
-        .lw-title .more a{color:#1280dd;font-size:14px;position:absolute;right:10px;top:16px;}
+        .container {width:1920px;height:1080px;background-image:url("__HIMAGES__/index1.jpg");background-size:100% 100%;background-repeat:no-repeat;position:relative;}
+        .inner-box {width:1335px;height:819px;position:absolute;left:336px;top:120px;background:white;}
+        .lw-title {height:60px;position:relative;}
+        .lw-title .main-title {color:#737373;font-weight:bold;height:33px;line-height:33px;}
+        .lw-title .main-title .big {font-size:24px;}
+        .lw-title .main-title .little {font-size:21px;}
+        .lw-title .sub-title {font-size:18px;color:#E08212;height:12px;line-height:12px;}
+        .lw-title .more a{color:#1280dd;font-size:21px;position:absolute;right:10px;top:16px;}
         .title-review {margin-top:20px;margin-left:22px;}
-        .review {width:266px;margin-left:8px;}
-        .review .review-box {width:266px;height:470px;background:#F6F6F6;border:1px solid #FEFEFE;border-radius:20px;padding-top:5px;}
-        .review-box .img-box {width:224px;margin:5px auto;}
-        .review-box .img-box .img {width:224px;height:116px;border-radius:20px;background-size:cover;background-position: center;}
-        .review-box .img-box p {font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;height:32px;line-height:16px;}
+        .review {width:399px;margin-left:8px;}
+        .review .review-box {width:399px;height:705px;background:#F6F6F6;border:1px solid #FEFEFE;border-radius:20px;padding-top:5px;}
+        .review-box .img-box {width:336px;margin:10px auto;}
+        .review-box .img-box .img {width:336px;height:174px;border-radius:20px;background-size:cover;background-position: center;}
+        .review-box .img-box p {font-size:18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;height:48px;line-height:24px;}
         .right {margin-right:30px;}
-        .booked-box {width:570px;height:322px;background:#F6F6F6;border:1px solid #FEFEFE;border-radius:20px;overflow-x:hidden;overflow-y: scroll;}
+        .booked-box {width:855px;height:483px;background:#F6F6F6;border:1px solid #FEFEFE;border-radius:20px;overflow-x:hidden;overflow-y: scroll;}
         .booked-title {margin-top:20px;}
-        .booked-box table {width:535px;margin-left:20px;font-size:14px;margin-top:10px;}
+        .booked-box table {width:803px;margin-left:20px;font-size:21px;margin-top:10px;}
         .booked-box table td{padding-right:5px;}
         .booked-box table .thead td{border-bottom:2px solid #9DCAFC;}
         .booked-box table .tbody td{border-bottom:1px solid #CFCFCD;vertical-align:top;padding-top:5px;}
-        .contact-box {width:570px;height:98px;background:#F6F6F6;border:1px solid #FEFEFE;border-radius:20px;display:flex;align-items:flex-end;}
+        .contact-box {width:855px;height:150px;background:#F6F6F6;border:1px solid #FEFEFE;border-radius:20px;display:flex;align-items:flex-end;}
         .contact-title {margin-top:10px;}
-        .contact-box img {width:74px;height:74px;margin-bottom:12px;margin-left:15px;}
-        .contact-box span {margin-bottom:12px;margin-left:2px;font-size:15px;}
-        .jucai {   position: absolute;right: -20px;bottom: -27px;}
+        .contact-box img {width:120px;height:120px;margin-bottom:12px;margin-left:15px;}
+        .contact-box span {margin-bottom:12px;margin-left:2px;font-size:22px;}
+        .jucai {   position: absolute;right: -30px;bottom: -42px;}
         .layui-layer-imgtit a {max-width:100% !important;}
         .layui-layer-imgbar {display:block !important;}
     </style>
@@ -84,17 +84,17 @@
                 <div class="booked-box">
                     <table cellpadding="0" cellspacing="0" id="booked-box">
                         <tr class="thead">
-                            <td style="width:111px;">时间</td>
-                            <td style="width:253px">内容</td>
-                            <td style="width:95px">场地</td>
-                            <td style="width:56px;padding-right:0;">参加人数</td>
+                            <td style="width:166px;">时间</td>
+                            <td style="width:300px">内容</td>
+                            <td style="width:200px">场地</td>
+                            <td style="width:84px;padding-right:0;">参加人数</td>
                         </tr>
                         {volist name="reserved" id="vo"}
                         <tr class="tbody">
                             <td>{$vo.time}</td>
                             <td>{$vo.content}</td>
                             <td>{$vo.address}</td>
-                            <td>{$vo.num}</td>
+                            <td style="text-align: right;">{$vo.num}</td>
                         </tr>
                         {/volist}
                     </table>
@@ -113,8 +113,8 @@
                 <div class="contact-box">
                     <img src="__HIMAGES__/qrcode_contact.png" alt="">
                     <div>
-                        <p>扫码预约活动场地</p>
-                        <p style="padding-bottom: 10px">或拨打19906096782</p>
+                        <p style="font-size: 24px;">扫码预约活动场地</p>
+                        <p style="padding-bottom: 10px;font-size: 24px;">或拨打19906096782</p>
                     </div>
                 </div>
             </div>

app/home/view/previous/index.html

@@ -6,24 +6,24 @@
     <title>晋江人力资本有限公司</title>
     <link rel="stylesheet" href="__HCSS__/style.css">
     <style>
-        .container {width:1255px;height:605px;background-image:url("__HIMAGES__/index.jpg");background-size:100% 100%;background-repeat:no-repeat;position:relative;}
-        .inner-box {width:890px;height:546px;position:absolute;left:336px;top:32px;background:white;}
-        .title-review {margin-top:10px;height:40px;background: #F6F6F6;border-radius: 20px;overflow:hidden;}
-        .title-review ul {display:flex;justify-content:flex-start;height: 40px;align-items: center;}
-        .title-review ul li {height: 40px;line-height: 40px;width: 72px;text-align: center;}
+        .container {width:1920px;height:1080px;background-image:url("__HIMAGES__/index1.jpg");background-size:100% 100%;background-repeat:no-repeat;position:relative;}
+        .inner-box {width:1335px;height:819px;position:absolute;left:336px;top:120px;background:white;}
+        .title-review {margin-top:10px;height:60px;background: #F6F6F6;border-radius: 20px;overflow:hidden;}
+        .title-review ul {display:flex;justify-content:flex-start;height: 60px;align-items: center;}
+        .title-review ul li {height: 60px;line-height: 60px;width: 108px;text-align: center; font-size: 24px;}
         .title-review ul li.active {background:#F27F0C;}
         .title-review ul li a {color:#A2A2A2;font-weight:bold;}
         .title-review ul li.active a{color:white;}
-        .review {width:870px;margin:0 auto;}
-        .review .review-box {width:870px;height:470px;background:#F6F6F6;border:1px solid #FEFEFE;border-radius:20px;padding-top:9px;overflow-y:auto;margin-top:10px;}
+        .review {width:1305px;margin:0 auto;}
+        .review .review-box {width:1305px;height:705px;background:#F6F6F6;border:1px solid #FEFEFE;border-radius:20px;padding-top:9px;overflow-y:auto;margin-top:10px;}
         .review-box .review-item {display:flex;}
-        .review-box .flex-box {width: calc((100% - 10px) / 4);height:148px;margin-bottom: 5px;}
-        .review-box .img-box {width:200px;height:148px;margin:0 auto;}
-        .review-box .img-box .img {width:200px;height:116px;border-radius:20px;background-size:cover;background-position: center;}
-        .review-box .img-box p {font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;height:32px;line-height:16px;}
-        .back-box {position:absolute;left:388px;bottom:-15px;width:114px;height:48px;background:white;border-radius:20px;box-shadow:0 5px 2px #8A9CB2;display:flex;justify-content:center;align-items:center;}
-        .back-box .back-text {width:104px;height:38px;line-height:38px;background:#F27F0C;border-radius:20px;color:white;font-size:20px;font-weight:bold;text-align:center;}
-        .jucai {   position: absolute;right: -20px;bottom: -27px;}
+        .review-box .flex-box {width: calc((100% - 10px) / 4);height:222px;margin-bottom: 5px;}
+        .review-box .img-box {width:300px;height:222px;margin:0 auto;}
+        .review-box .img-box .img {width:300px;height:222px;border-radius:20px;background-size:cover;background-position: center;}
+        .review-box .img-box p {font-size:18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;height:48px;line-height:24px;}
+        .back-box {position:absolute;left:582px;bottom:-25px;width:171px;height:72px;background:white;border-radius:20px;box-shadow:0 5px 2px #8A9CB2;display:flex;justify-content:center;align-items:center;}
+        .back-box .back-text {width:156px;height:57px;line-height:57px;background:#F27F0C;border-radius:20px;color:white;font-size:30px;font-weight:bold;text-align:center;}
+        .jucai {   position: absolute;right: -30px;bottom: -42px;}
         .layui-layer-imgtit a {max-width:100% !important;}
     </style>
 </head>

app/home/view/previous/list.html

@@ -6,25 +6,25 @@
     <title>晋江人力资本有限公司</title>
     <link rel="stylesheet" href="__HCSS__/style.css">
     <style>
-        .container {width:1255px;height:605px;background-image:url("__HIMAGES__/index.jpg");background-size:100% 100%;background-repeat:no-repeat;position:relative;}
-        .inner-box {width:890px;height:546px;position:absolute;left:336px;top:32px;background:white;}
-        .title-review {margin-top:10px;height:40px;background: #F6F6F6;border-radius: 20px;}
-        .title-review ul {display:flex;justify-content:space-around;height: 40px;align-items: center;}
-        .title-review ul li {height: 40px;line-height: 40px;width: 72px;text-align: center;}
+        .container {width:1920px;height:1080px;background-image:url("__HIMAGES__/index1.jpg");background-size:100% 100%;background-repeat:no-repeat;position:relative;}
+        .inner-box {width:1335px;height:819px;position:absolute;left:336px;top:120px;background:white;}
+        .title-review {margin-top:10px;height:60px;background: #F6F6F6;border-radius: 20px;overflow:hidden;}
+        .title-review ul {display:flex;justify-content:flex-start;height: 60px;align-items: center;}
+        .title-review ul li {height: 60px;line-height: 60px;width: 108px;text-align: center; font-size: 24px;}
         .title-review ul li.active {background:#F27F0C;}
         .title-review ul li a {color:#A2A2A2;font-weight:bold;}
         .title-review ul li.active a{color:white;}
-        .review {width:870px;margin:0 auto;}
-        .review .review-box {width:870px;height:470px;background:#F6F6F6;border:1px solid #FEFEFE;border-radius:20px;padding-top:9px;overflow-y:auto;margin-top:10px;}
+        .review {width:1305px;margin:0 auto;}
+        .review .review-box {width:1305px;height:705px;background:#F6F6F6;border:1px solid #FEFEFE;border-radius:20px;padding-top:9px;overflow-y:auto;margin-top:10px;}
         .review-box .review-item {display:flex;}
-        .review-box .flex-box {width: calc((100% - 10px) / 3);height:148px;margin-bottom: 5px;}
-        .review-box .img-box {width:224px;height:148px;margin:0 auto;}
-        .review-box .img-box .img {width:224px;height:116px;border-radius:20px;background-size:cover;background-position: center;}
-        .review-box .img-box p {font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;height:32px;line-height:16px;}
-        .back-box {position:absolute;left:388px;bottom:-15px;width:114px;height:48px;background:white;border-radius:20px;box-shadow:0 5px 2px #8A9CB2;display:flex;justify-content:center;align-items:center;}
-        .back-box .back-text {width:104px;height:38px;line-height:38px;background:#F27F0C;border-radius:20px;color:white;font-size:20px;font-weight:bold;text-align:center;}
+        .review-box .flex-box {width: calc((100% - 10px) / 3);height:222px;margin-bottom: 5px;}
+        .review-box .img-box {width:336px;height:222px;margin:0 auto;}
+        .review-box .img-box .img {width:336px;height:174px;border-radius:20px;background-size:cover;background-position: center;}
+        .review-box .img-box p {font-size:18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;height:48px;line-height:24px;}
+        .back-box {position:absolute;left:582px;bottom:-25px;width:171px;height:72px;background:white;border-radius:20px;box-shadow:0 5px 2px #8A9CB2;display:flex;justify-content:center;align-items:center;}
+        .back-box .back-text {width:156px;height:57px;line-height:57px;background:#F27F0C;border-radius:20px;color:white;font-size:30px;font-weight:bold;text-align:center;}
         .no-more {display:block;margin:150px auto 0 auto;}
-        .jucai {   position: absolute;right: -20px;bottom: -27px;}
+        .jucai {   position: absolute;right: -30px;bottom: -42px;}
         .layui-layer-imgtit a {max-width:100% !important;}
         .layui-layer-imgbar {display:block !important;}
     </style>