diff --git a/service/Application/Home/View/Default/Index/Index.html b/service/Application/Home/View/Default/Index/Index.html index 15ae86ac3..33de9f435 100755 --- a/service/Application/Home/View/Default/Index/Index.html +++ b/service/Application/Home/View/Default/Index/Index.html @@ -236,7 +236,7 @@ -
am-u-sm-7 am-u-md-4 text-twoam-u-sm-3 am-u-md-2 text-three sug big last"> +
am-u-sm-7 am-u-md-4 text-twoam-u-sm-6 am-u-md-2 text-three sug big last">
{{$goods.title}}
¥{{$goods.price}}
diff --git a/service/Public/Home/Default/Css/Index.css b/service/Public/Home/Default/Css/Index.css index b2f3d90a0..6ab77d670 100755 --- a/service/Public/Home/Default/Css/Index.css +++ b/service/Public/Home/Default/Css/Index.css @@ -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;}