首页自适应bug
This commit is contained in:
@@ -13,107 +13,106 @@
|
||||
<title>小虎子商业插图</title>
|
||||
<style>
|
||||
.lengchen{
|
||||
height: 900px;
|
||||
}
|
||||
.lengchen .lc1{
|
||||
font-weight: bold;
|
||||
font-size: 30px;
|
||||
height: 200px;
|
||||
background: white;
|
||||
text-align: center;
|
||||
line-height:200px;
|
||||
}
|
||||
.lengchen .lc2{
|
||||
margin-left: 300px;
|
||||
margin-top: 70px;
|
||||
margin-right: 30px;
|
||||
float:left;
|
||||
width:600px;
|
||||
height: 270px;
|
||||
}
|
||||
.lengchen .lc3{
|
||||
margin-top: 50px;
|
||||
float:left;
|
||||
width:600px;
|
||||
height: 300px;
|
||||
background: #dc2529;
|
||||
}
|
||||
.lengchen .lc3 .lc4{
|
||||
font-size: 20px;
|
||||
float:left;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
margin-top: 90px;
|
||||
margin-left: 60px;
|
||||
width:300px;
|
||||
height: 30px;
|
||||
}
|
||||
.lengchen .lc3 .lc5{
|
||||
font-size: 16px;
|
||||
float:left;
|
||||
color: #fff;
|
||||
margin-top: 10px;
|
||||
padding-top: 15px;
|
||||
margin-left: 60px;
|
||||
width:500px;
|
||||
height: 60px;
|
||||
border-top: 1px solid rgba(255,255,255,0.4);
|
||||
line-height: 1.5;
|
||||
}
|
||||
.lengchen2{
|
||||
height: 400px;
|
||||
padding-left: 160px;
|
||||
}
|
||||
.lengchen2 .sheji2{
|
||||
float: left;
|
||||
width: 350px;
|
||||
height: 200px;
|
||||
background:#f5f5f5 ;
|
||||
margin-top: 150px;
|
||||
margin-right: 50px;
|
||||
}
|
||||
.lengchen2 .sheji2 .ren1{
|
||||
font-size: 16px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
width: 220px;
|
||||
height: 50px;
|
||||
margin-top: 30px;
|
||||
background:#f5f5f5 ;
|
||||
}
|
||||
.lengchen2 .sheji2 .ren2{
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
float: left;
|
||||
margin-left: 230px;
|
||||
background: #fff;
|
||||
margin-top: -100px;
|
||||
-moz-border-radius: 50px;
|
||||
-webkit-border-radius: 50px;
|
||||
border-radius: 50px;
|
||||
|
||||
}
|
||||
.lengchen2 .sheji2 .ren3{
|
||||
font-size: 14px;
|
||||
color: grey;
|
||||
float: left;
|
||||
width: 300px;
|
||||
height: 60px ;
|
||||
background:#f5f5f5 ;
|
||||
margin-left: 25px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.lengchen2 .sheji2 .ren4{
|
||||
font-size: 14px;
|
||||
float: left;
|
||||
width: 80px;
|
||||
height: 30px;
|
||||
margin-left: 260px;
|
||||
margin-top: 10px;
|
||||
border: 1px solid #ccc;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
}
|
||||
height: 900px;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
.lengchen .lc1{
|
||||
font-weight: bold;
|
||||
font-size: 30px;
|
||||
height: 200px;
|
||||
background: white;
|
||||
text-align: center;
|
||||
line-height:200px;
|
||||
}
|
||||
.lengchen .lc2{
|
||||
margin-left: 16%;
|
||||
margin-top: 4%;
|
||||
float:left;
|
||||
width:35%;
|
||||
height: 270px;
|
||||
}
|
||||
.lengchen .lc3{
|
||||
margin-top: 3%;
|
||||
margin-left: 2%;
|
||||
float:left;
|
||||
width:37%;
|
||||
background: #dc2529;
|
||||
}
|
||||
.lengchen .lc3 .lc4{
|
||||
font-size: 18px;
|
||||
float:left;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
margin-top: 10%;
|
||||
margin-left: 8%;
|
||||
width:60%;
|
||||
height: 10%;
|
||||
}
|
||||
.lengchen .lc3 .lc5{
|
||||
font-size: 18px;
|
||||
float:left;
|
||||
color: white;
|
||||
margin-top: 1%;
|
||||
padding-top: 2%;
|
||||
margin-left: 8%;
|
||||
width:85%;
|
||||
height: 180px;
|
||||
border-top: 1px solid rgba(255,255,255,0.4);
|
||||
line-height: 1.5;
|
||||
}
|
||||
.lengchen2{
|
||||
height: 400px;
|
||||
padding-left: 10%;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
.lengchen2 .sheji2{
|
||||
float: left;
|
||||
width: 20%;
|
||||
height: 200px;
|
||||
background:#fff ;
|
||||
margin-top: 10%;
|
||||
margin-right: 4%;
|
||||
}
|
||||
.lengchen2 .sheji2 .ren1{
|
||||
font-size: 16px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
width: 60%;
|
||||
margin-top: 5%;
|
||||
background: #fff;
|
||||
}
|
||||
.lengchen2 .sheji2 .ren2{
|
||||
width: 30%;
|
||||
height: 100px;
|
||||
float: left;
|
||||
margin-left: 8%;
|
||||
background: #fff;
|
||||
margin-top: -8%;
|
||||
-moz-border-radius: 50px;
|
||||
-webkit-border-radius: 50px;
|
||||
border-radius: 50px;
|
||||
}
|
||||
.lengchen2 .sheji2 .ren3{
|
||||
font-size: 14px;
|
||||
color: grey;
|
||||
float: left;
|
||||
width: 95%;
|
||||
height: 60px ;
|
||||
background: #fff;
|
||||
margin-left: 4%;
|
||||
margin-top: 4%;
|
||||
}
|
||||
.lengchen2 .sheji2 .ren4{
|
||||
font-size: 14px;
|
||||
float: left;
|
||||
width: 30%;
|
||||
height: 30px;
|
||||
margin-left: 65%;
|
||||
margin-top: 3%;
|
||||
border: 1px solid #ccc;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -286,7 +285,7 @@
|
||||
<dl>
|
||||
<!--<dt>{$v[cat_name]}</dt>-->
|
||||
<tpshop sql="select * from `__PREFIX__article` where cat_id = $v[cat_id] and is_open=1 limit 5" key="k2" item='v2'>
|
||||
<dd class="lc2"><img src="{$v2[thumb]}"></dd>
|
||||
<dd class="lc2"><img style="max-width:100%;max-height:100%;" src="{$v2[thumb]}"></dd>
|
||||
<div class="lc3">
|
||||
<dd class="lc4"><a href="{:U('Home/Article/detail',array('article_id'=>$v2[article_id]))}">{$v2[title]}</a></dd>
|
||||
<dd class="lc5"><a href="{:U('Home/Article/detail',array('article_id'=>$v2[article_id]))}">{$v2[description]}</a></dd></div>
|
||||
|
Reference in New Issue
Block a user