home
parent
7989a169f6
commit
f3e79a308e
|
|
@ -236,7 +236,7 @@
|
|||
|
||||
<if condition="!empty($floor.goods)">
|
||||
<foreach name="floor.goods" item="goods">
|
||||
<div class="goods-items <if condition="in_array($key, [0,1])">am-u-sm-7 am-u-md-4 text-two<else />am-u-sm-3 am-u-md-2 text-three</if> <if condition="in_array($key, [0,3])">sug</if> <if condition="in_array($key, [2,5])">big</if> <if condition="$key eq 5">last</if>">
|
||||
<div class="goods-items <if condition="in_array($key, [0,1])">am-u-sm-7 am-u-md-4 text-two<else />am-u-sm-6 am-u-md-2 text-three</if> <if condition="in_array($key, [0,3])">sug</if> <if condition="in_array($key, [2,5])">big</if> <if condition="$key eq 5">last</if>">
|
||||
<div class="outer-con">
|
||||
<div class="goods-title">{{$goods.title}}</div>
|
||||
<div class="price">¥{{$goods.price}}</div>
|
||||
|
|
|
|||
|
|
@ -112,7 +112,7 @@ text-align: center;float:none}
|
|||
|
||||
/*文字说明*/
|
||||
.seprate{display: none;}
|
||||
.outer-con {position: absolute;top:0px;width:100% ;}
|
||||
.outer-con {position: absolute;width:100% ;}
|
||||
.text-one .outer-con {text-align: center;top:7%;}
|
||||
.recommendation .info h3{font-size:12px;color:#F03726}
|
||||
|
||||
|
|
@ -124,8 +124,8 @@ text-align: center;float:none}
|
|||
.flood .text-two img{width:50%;margin:1% 3% 1% 47%;}
|
||||
.flood .text-three{border-top: 1px solid #eee;border-left: 1px solid #eee;}
|
||||
.flood .text-three img{width:96%;margin:45% 2% 2% 2%;}
|
||||
.flood .text-two .outer-con {top:7%;left:3% ;width:40%;}
|
||||
.flood .text-three .outer-con{top:2%;}
|
||||
.flood .outer-con {top:7%;left:3% ;}
|
||||
.flood .text-two .outer-con {width:40%;}
|
||||
.list .outer-con .describe {
|
||||
color: #fff;
|
||||
max-width: 100%;
|
||||
|
|
@ -136,6 +136,7 @@ text-align: center;float:none}
|
|||
-webkit-box-orient: vertical;
|
||||
}
|
||||
.goods-items { background-color: #fff; }
|
||||
.flood .list { overflow: hidden; }
|
||||
|
||||
/*推荐*/
|
||||
.flood li {width: 50%;float: left;text-align: center;}
|
||||
|
|
@ -146,8 +147,6 @@ text-align: center;float:none}
|
|||
|
||||
/*第二套各类活动*/
|
||||
.row li{width: 25%;float: left;}
|
||||
|
||||
.flood .list img { height: 180px; }
|
||||
}
|
||||
.word .outer:hover { background: #f9918f; color: #fff; border: 3px solid #fff; }
|
||||
|
||||
|
|
@ -219,15 +218,21 @@ text-align: center;float:none}
|
|||
/*楼层*/
|
||||
.flood {border: 1px solid #eee;border-top: none;}
|
||||
.outer-con .describe ,.recommendation .info h3{font-size: 14px;font-weight: 600;}
|
||||
.flood .list img { height: 190px; }
|
||||
|
||||
|
||||
/*楼层*/
|
||||
.flood .text-one img{width:90%;margin:30% 5% 7% 5%;}
|
||||
.flood .text-one img{width:90%;margin:37% 5% 0% 5%;}
|
||||
.flood .text-two img{width:60%;margin:1% 3% 1% 37%;}
|
||||
.flood .text-three img{width:96%;margin:40% 2% 2% 2%;}
|
||||
.flood .text-two .outer-con {top:7%;left:2% ;width:35%;}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 640px) {
|
||||
.flood .text-one { background-color: transparent !important; }
|
||||
.items-nav-title{ padding: 0 10%;}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1000px) {
|
||||
/*位移效果*/
|
||||
.flood .goods-items:hover img{
|
||||
transition: all 0.5s ease 0s;
|
||||
|
|
@ -242,15 +247,6 @@ text-align: center;float:none}
|
|||
-webkit-transform: all 1s ease 0s;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 640px) {
|
||||
.flood .text-one { background-color: transparent !important; }
|
||||
.items-nav-title{ padding: 0 10%;}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 800px) {
|
||||
.flood .list img { height: 270px; }
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1025px) {
|
||||
.smallnav,.only-phone{ display:none;}
|
||||
|
|
|
|||
Loading…
Reference in New Issue