作者 景龙
1 个管道 的构建 通过 耗费 1 秒

修改星域画廊详情页样式

@@ -22,6 +22,8 @@ @@ -22,6 +22,8 @@
22 </li> 22 </li>
23 </volist> 23 </volist>
24 </ul> 24 </ul>
  25 + <div class="swiper-button-prev8"></div>
  26 + <div class="swiper-button-next8"></div>
25 </div> 27 </div>
26 <h1 class="show_8_name">{$res.post_title}</h1> 28 <h1 class="show_8_name">{$res.post_title}</h1>
27 <div class="gallery-thumbs_box"> 29 <div class="gallery-thumbs_box">
@@ -36,8 +38,7 @@ @@ -36,8 +38,7 @@
36 </ul> 38 </ul>
37 <span class="swiper-notification"></span> 39 <span class="swiper-notification"></span>
38 </div> 40 </div>
39 - <div class="swiper-button-prev8"></div>  
40 - <div class="swiper-button-next8"></div> 41 +
41 </div> 42 </div>
42 43
43 </div> 44 </div>
@@ -1390,6 +1390,7 @@ body { @@ -1390,6 +1390,7 @@ body {
1390 height: 675px; 1390 height: 675px;
1391 margin: auto; 1391 margin: auto;
1392 overflow: hidden; 1392 overflow: hidden;
  1393 + position:relative;
1393 } 1394 }
1394 1395
1395 .gallery-top ul li img { 1396 .gallery-top ul li img {
@@ -1435,32 +1436,32 @@ body { @@ -1435,32 +1436,32 @@ body {
1435 1436
1436 .swiper-button-prev8, 1437 .swiper-button-prev8,
1437 .swiper-button-next8 { 1438 .swiper-button-next8 {
1438 - width: 34px;  
1439 - height: 34px; 1439 + width: 31px;
  1440 + height: 69px;
1440 outline: none; 1441 outline: none;
1441 background: rgba(255, 255, 255, 1); 1442 background: rgba(255, 255, 255, 1);
1442 - border-radius: 50%;  
1443 } 1443 }
1444 1444
1445 .swiper-button-prev8, 1445 .swiper-button-prev8,
1446 .swiper-button-next8 { 1446 .swiper-button-next8 {
1447 cursor: pointer; 1447 cursor: pointer;
1448 position: absolute; 1448 position: absolute;
  1449 + z-index: 10;
1449 background-color: #09FF8E; 1450 background-color: #09FF8E;
1450 - background-size: 14px 14px; 1451 + background-size: 20px 20px;
1451 background-repeat: no-repeat; 1452 background-repeat: no-repeat;
1452 background-position: center; 1453 background-position: center;
1453 background-image: url(../starImg/left.png); 1454 background-image: url(../starImg/left.png);
1454 } 1455 }
1455 1456
1456 .swiper-button-prev8 { 1457 .swiper-button-prev8 {
1457 - top: 39%;  
1458 - left: 16px; 1458 + top: 41%;
  1459 + left: 0;
1459 } 1460 }
1460 1461
1461 .swiper-button-next8 { 1462 .swiper-button-next8 {
1462 - top: 39%;  
1463 - right: 16px; 1463 + top: 41%;
  1464 + right: 0;
1464 background-image: url(../starImg/right.png); 1465 background-image: url(../starImg/right.png);
1465 } 1466 }
1466 1467