From 53b534339b56227d8cbcf2611d16ba85a6ff46f1 Mon Sep 17 00:00:00 2001 From: 15008401624 <597081433@qq.com> Date: Wed, 9 Dec 2020 09:41:48 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/static/css/style.css | 7 +++++- view/page/about.html | 45 +++++++++++++++++++++++++++---------- 2 files changed, 39 insertions(+), 13 deletions(-) diff --git a/public/static/css/style.css b/public/static/css/style.css index fff9808..ee4b227 100644 --- a/public/static/css/style.css +++ b/public/static/css/style.css @@ -472,12 +472,15 @@ input,select,textarea{outline:medium none; resize: none;} .about-box2{ padding: 1.5625rem 0;} .about-box2 .top-box .fr span{ margin-left: 1rem;} - .about-box2 .lower-box{ padding: 0; margin-top: 1.5625rem; background: none; min-height: 35rem;} + .about-box2 .lower-box{ padding: 0; margin-top: 1.5625rem; background: none; min-height: auto;} .about-box2 .lower-box .pull-left{ width: 100%;} .about-box2 .lower-box .pull-left ul li{ padding: 1.25rem;} .about-box2 .lower-box .pull-right{ width: 100%; position: relative; height: 12.5rem; margin-top: 1.5625rem;} .about-box2 .lower-box .pull-right ul li{ margin-bottom: 0.9375rem;} + .about-box2 .lower-box .div-phone .swiper-slide{ text-align: center;} + .about-box2 .lower-box .div-phone .swiper-slide p{ margin-top: 12px; font-size: 14px;} + .about-box3{ padding: 1.5625rem 0;} .about-box3 .box-info{ margin-top: 1.25rem;} @@ -566,6 +569,8 @@ input,select,textarea{outline:medium none; resize: none;} .pageing li a, .pageing li span{ font-size: 12px; margin: 2px; padding: 3px 10px;} + + } @media screen and (max-width:768px){ } diff --git a/view/page/about.html b/view/page/about.html index 48046cb..89c43bd 100644 --- a/view/page/about.html +++ b/view/page/about.html @@ -35,25 +35,46 @@ {if isset($honors) && count($honors) > 0} {foreach $honors as $k => $honor} <div class="lower-box w-100"> - <div class="pull-left"> - <ul> - {foreach $honor.items as $item} - <li><img src="{:getImgSrc($item, '__IMG__/default_bg.png')}"></li> - {/foreach} - </ul> + <div class="div-pc w-100"> + <div class="pull-left"> + <ul> + {foreach $honor.items as $item} + <li><img src="{:getImgSrc($item, '__IMG__/default_bg.png')}"></li> + {/foreach} + </ul> + </div> + <div class="pull-right"> + <ul> + {foreach $honor.items as $item} + <li title="{$item.title}">{$item.title}</li> + {/foreach} + </ul> + </div> </div> - <div class="pull-right"> - <ul> - {foreach $honor.items as $item} - <li title="{$item.title}">{$item.title}</li> - {/foreach} - </ul> + <div class="div-phone w-100"> + <div class="swiper-container"> + <div class="swiper-wrapper"> + {foreach $honor.items as $item} + <div class="swiper-slide"><img src="{:getImgSrc($item, '__IMG__/default_bg.png')}"><p>{$item.title}</p></div> + {/foreach} + </div> + </div> </div> </div> {/foreach} {/if} </div> </div> + <script type="text/javascript"> + var swiper = new Swiper('.about-box2 .div-phone .swiper-container', { + loop:true, + autoHeight: true, + autoplay:true + }); + $('.about-box2 .top-box .fr span').click(function(){ + swiper.update() + }) + </script> <!-- Structure --> <div class="about-box3 w-100" id="about3"> <div class="w-1200">