floraachy/shopxo
1
0
Fork 0
mirror of https://gitee.com/zongzhige/shopxo.git synced 2024-11-29 18:39:16 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

首页轮播优化

Browse Source
This commit is contained in:
gongfuxiang 2022-11-25 11:58:04 +08:00
parent d0491486f2
commit 1773e5ccdf
4 changed files with 50 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/index/view/default/index/index.html
View File

@ -19,13 +19,9 @@
<!-- banner -->
{{include file="public/home_banner" /}}
<!-- 轮播上内容 -->
<div class="am-container slideall">
<!-- 轮播-手机导航 -->
{{include file="public/home_nav" /}}
<!-- 轮播-聚合内容 -->
{{if MyC('home_index_banner_right_status', 1) eq 1}}
<!-- 轮播-聚合内容 -->
{{if MyC('home_index_banner_right_status', 1) eq 1}}
<div class="am-container slideall">
<div class="banner-mixed">
<div class="mod-vip">
<div class="m-baseinfo">
@ -104,8 +100,11 @@
{{/foreach}}
{{/if}}
</div>
{{/if}}
</div>
</div>
{{/if}}
<!-- 轮播-手机导航 -->
{{include file="public/home_nav" /}}
<!-- 楼层数据顶部钩子 -->
{{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}

8
app/index/view/default/public/home_banner.html
View File

@ -1,7 +1,7 @@
<div class="banner">
{{if !empty($banner_list)}}
<div class="banner">
<div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{&quot;directionNav&quot;:false}'>
<ul class="am-slides">
{{if !empty($banner_list)}}
{{foreach $banner_list as $banner}}
{{if !empty($banner['images_url'])}}
<li {{if !empty($banner['bg_color'])}}style="background: {{$banner.bg_color}};"{{/if}} title="{{$banner.name}}">
@ -21,7 +21,7 @@
</li>
{{/if}}
{{/foreach}}
{{/if}}
</ul>
</div>
</div>
</div>
{{/if}}

2
app/index/view/default/public/home_nav.html
View File

@ -1,4 +1,5 @@
{{if !empty($navigation)}}
<div class="am-container">
<div class="am-g am-g-fixed small-nav">
{{foreach $navigation as $nav}}
<div class="am-u-sm-3">
@ -23,4 +24,5 @@
</div>
{{/foreach}}
</div>
</div>
{{/if}}

17
public/static/index/default/css/index.css
View File

@ -51,22 +51,19 @@ text-align: center;float:none}
.small-nav img { width: 100%; }
.floor .goods-list .goods-items .goods-images{ padding: 10px; }
.slideall {position: relative;}
.banner{ width:100%;overflow:hidden;}
.banner .am-slider .am-slides li > a {display: block; max-width: 1920px; margin: 0 auto;height: 100%;}
.banner .am-slider .am-slides li img {max-width: 100%; height: 100%;object-fit: cover;}
@media only screen and (min-width: 480px) {
.small-nav img{max-width: 100%;max-height: 100%;}
.small-nav{ font-size:14px;}
}
@media only screen and (min-width: 640px) {
/*标题*/
.items-nav-title{background: #fff; border-bottom: 2px solid #666;}
.am-container {padding-left:0px;padding-right:0px ;}
.home-floor{width:100%;background:#fff;overflow:visible;}
/*主题布局*/
.banner{ width:100%;overflow:hidden;}
.banner .am-slider .am-slides li > a {display: block; max-width: 1920px; margin: 0 auto;height: 100%;}
.banner .am-slider .am-slides li img {max-width: 100%; height: 100%;object-fit: cover;}
/*改写的公告*/
.banner-mixed{height:auto; background:#FFF; opacity:0.8; -webkit-transition: opacity .2; -moz-transition: opacity .2s ease-in; -ms-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; transition: opacity .2s ease-in;text-align: center; margin-bottom: 10px; }
.banner-news-title{font-size: 14px;position: static;border-right:none ;color:#e60012 ;font-size: 16px;font-weight: 600; text-align: center;}
@ -165,11 +162,17 @@ text-align: center;float:none}
/*楼层*/
.floor .aggregation { width: 222px; }
}
@media only screen and (max-width: 1025px) {
.banner .am-slider .am-slides li img {height: 360px;}
}
@media only screen and (max-width: 800px) {
.banner .am-slider .am-slides li img {height: 280px;}
}
@media only screen and (max-width: 640px) {
.items-nav-title{ padding: 0 10%;}
.banner-news-title{line-height: 30px; height: 30px; color: #333; max-width: 62px;}
.am-footer { padding-bottom: 50px; }
.banner .am-slider .am-slides li img {height: 200px;}
/*楼层*/
.floor .aggregation { width: 100%; height: auto; }