minxing-devtools-core
Version:
312 lines (303 loc) • 15.6 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>frame</title>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<link rel="stylesheet" type="text/css" href="../css/api.css" />
<link rel="stylesheet" type="text/css" href="../css/common.css" />
<style>
html, body {width: 100%;min-height: 100%;background: #f0f0f0;}
.h80 {height: 80px;}
.h40 {height: 40px;}
.h20 {height: 20px;}
.h10 {height: 10px;background: #f0f0f0;}
.h1 {height: 1px;margin-left: 15px;background: #f0f0f0;}
.fr {float: right;}
.fl {float: left;}
.hightitem {background-color: #fff;}
/* 抢购样式 */
.snapup {height: 80px;}
.snapup .infologo {height: 100%;}
.snapup .shelf2 {display: table;height: inherit;margin-left: 10px;}
.snapup .shelfcell {display: table-cell;vertical-align: middle;}
.snapup .shelfcell .title {margin-bottom: 10px;}
.snapup .arrow {width: 20px; padding-top: 30px;padding-right: 10px;}
/* 2X2样式 */
.row {display: -webkit-box;display: -webkit-flex;
display: flex;}
.col {-webkit-box-flex:1; -webkit-flex:1; flex:1;position: relative;}
.col img {position: absolute; right: 0; width: 80px; top: 0;}
.col .matrixcell {display: table-cell;vertical-align: middle; padding-left: 10px;}
.col .matrixcell .title {margin-bottom: 10px;}
.matrix {display: table;height: inherit;}
/* 猜你喜欢 */
.guesstitle {height: 40px;line-height: 40px;padding-left: 10px;vertical-align: top; font-size: 12px;color: #999;}
.guesstitle img {height: 15px;padding-top: 12px; padding-left: 10px;}
.home-tuan-list .item {position: relative; display: block; padding-left: 10px; }
.home-tuan-list .cnt {padding: 7px 10px 10px 0; display: box; display: -webkit-box;display: -webkit-flex;display: flex; height: 78px; background-size: auto 1px; }
.home-tuan-list .pic {margin-right: 10px; background: center; }
.home-tuan-list img {width: 90px; height: 66px; margin-top: 7px; margin-bottom: 5px; border-radius: 3px; }
.home-tuan-list .wrap {-webkit-box-flex: 1; -webkit-flex: 1;flex: 1;}
.home-tuan-list .wrap2 {display: table; height: 88px; width: 100%; }
.home-tuan-list .content {-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; box-flex: 1; display: table-cell; vertical-align: middle; }
.home-tuan-list .shopname {color: #333; /*line-height: 16px;*/ font-size: 17px; max-width: 11em; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; min-height: 10px; padding-bottom: 2px; padding-top: 3px; display: inline-block;}
.home-tuan-list .title {color: #666; line-height: 16px; font-size: 13px; max-height: 30px; overflow: hidden; padding-top: 3px; display: -webkit-box; display: -webkit-flex;display: flex;-webkit-line-clamp: 2; -webkit-box-orient: vertical;-webkit-flex-flow: column;flex-flow: column; }
.home-tuan-list .hot-title {margin-bottom: 8px; }
.home-tuan-list .hot-subtitle {margin-bottom: 9px; }
.home-tuan-list .info {margin-top: 6px; margin-bottom: 6px; color: #666; font-size: 12px; position: relative; line-height: 15px; display: box; display: -webkit-box; display: -webkit-flex;
display: flex;height: 15px; }
.home-tuan-list .comment {margin-bottom: 6px; position: relative; }
.home-tuan-list .comment span {vertical-align: middle; color: #666; font-size: 12px;}
.home-tuan-list .star {display: inline-block; width: 66px; height: 12px; vertical-align: middle; background: url(../image/remark.png) no-repeat; background-size: 86px auto; }
.star.star-50 {background-position: 0 -215px; }
.star.star-45 {background-position: 0 -232px; }
.star.star-40 {background-position: 0 -249px; }
.home-tuan-list .star {margin-right: 10px; }
.home-tuan-list .symbol {font-size: 14px; color: #f60; display: block; margin-top: 1px; }
.home-tuan-list .price {color: #f60; font-size: 20px; line-height: 15px; margin-right: 5px; margin-top: 1px; }
.home-tuan-list .o-price {color: #999; margin-top: 5px; line-height: 10px; }
.home-tuan-list .sale {color: #f63; border: solid 1px #ff916e; padding: 3px 2px 2px; font-size: 10px; border-radius: 2px; -webkit-border-radius: 2px; margin-left: 5px; line-height: 10px; height: 10px; }
.home-tuan-list .tuanimg img {float: left; width: 16px; height: 16px;margin-left: 3px;}
.home-tuan-list .distance {-webkit-box-flex: 1; box-flex: 1;flex: 1; -ms-box-flex: 1; -ms-flex: 1; text-align: right; line-height: 10px; margin-top: 5px; color: #999; float: right;font-size: 12px;}
.home-tuan-list .distance img {width: 10px; height: 10px; vertical-align: top; margin: 0;}
.home-tuan-list .classify {color: #666; font-size: 14px;}
.home-tuan-list .price, .index-rec .home-tuan-list .o-price, .index-rec .home-tuan-list .distance, .index-rec .home-tuan-list .sale {display: block; line-height: 15px; font-size: 12px; }
.Fix:after {display: block; content: ''; height: 0; clear: both; }
</style>
</head>
<body>
<!-- 1 列表 -->
<div class="home-tuan-list">
<a href="" class="item Fix hightitem" tapmode onclick="">
<div class="cnt">
<img class="pic" src="../image/api_1.png">
<div class="wrap">
<div class="wrap2">
<div class="content">
<div class="shopname">巴依老爷</div><span class="tuanimg"><img src="../image/detail_grouponicon.png" alt=""></span>
<div class="comment">
<span class="star star-50"></span>
<span>￥106/人</span>
</div>
<span class="classify">
北太平庄 川菜/家常菜
</span><span class="distance"><img src="../image/ic_address_big.png" alt="">650m</span>
</div>
</div>
</div>
</div>
</a>
<a href="" class="item Fix hightitem" tapmode onclick="">
<div class="cnt">
<img class="pic" src="../image/api_1.png">
<div class="wrap">
<div class="wrap2">
<div class="content">
<div class="shopname">宽板凳老灶火锅</div><span class="tuanimg"><img src="../image/detail_cardicon.png" alt=""></span>
<div class="comment">
<span class="star star-45"></span>
<span>￥101/人</span>
</div>
<span class="classify">
北太平庄 重庆火锅
</span><span class="distance"><img src="../image/ic_address_big.png" alt="">670m</span>
</div>
</div>
</div>
</div>
</a>
<a href="" class="item Fix hightitem" tapmode onclick="">
<div class="cnt">
<img class="pic" src="../image/api_1.png">
<div class="wrap">
<div class="wrap2">
<div class="content">
<div class="shopname">老冯烤羊蝎子馆</div><span class="tuanimg"><img src="../image/detail_grouponicon.png" alt=""></span><span class="tuanimg"><img src="../image/detail_couponicon.png" alt=""></span>
<div class="comment">
<span class="star star-40"></span>
<span>￥120/人</span>
</div>
<span class="classify">
亚运村 烧烤
</span><span class="distance"><img src="../image/ic_address_big.png" alt="">670m</span>
</div>
</div>
</div>
</div>
</a>
<a href="" class="item Fix hightitem" tapmode onclick="">
<div class="cnt">
<img class="pic" src="../image/api_1.png">
<div class="wrap">
<div class="wrap2">
<div class="content">
<div class="shopname">味妙烤鱼吧</div><span class="tuanimg"><img src="../image/detail_grouponicon.png" alt=""></span><span class="tuanimg"><img src="../image/detail_booking_icon.png" alt=""></span>
<div class="comment">
<span class="star star-45"></span>
<span>￥65/人</span>
</div>
<span class="classify">
北太平庄 烤鱼
</span><span class="distance"><img src="../image/ic_address_big.png" alt="">190m</span>
</div>
</div>
</div>
</div>
</a>
<a href="" class="item Fix hightitem" tapmode onclick="">
<div class="cnt">
<img class="pic" src="../image/api_1.png">
<div class="wrap">
<div class="wrap2">
<div class="content">
<div class="shopname">九妙坊</div><span class="tuanimg"><img src="../image/detail_booking_icon.png" alt=""></span>
<div class="comment">
<span class="star star-45"></span>
<span>￥82/人</span>
</div>
<span class="classify">
北太平庄 粤菜馆
</span><span class="distance"><img src="../image/ic_address_big.png" alt="">830m</span>
</div>
</div>
</div>
</div>
</a>
<a href="" class="item Fix hightitem" tapmode onclick="">
<div class="cnt">
<img class="pic" src="../image/api_1.png">
<div class="wrap">
<div class="wrap2">
<div class="content">
<div class="shopname">木上鸟巢</div><span class="tuanimg"><img src="../image/detail_grouponicon.png" alt=""></span><span class="tuanimg"><img src="../image/detail_booking_icon.png" alt=""></span>
<div class="comment">
<span class="star star-40"></span>
<span>￥62/人</span>
</div>
<span class="classify">
什刹海 酒吧
</span><span class="distance"><img src="../image/ic_address_big.png" alt="">830m</span>
</div>
</div>
</div>
</div>
</a>
<a href="" class="item Fix hightitem" tapmode onclick="">
<div class="cnt">
<img class="pic" src="../image/api_1.png">
<div class="wrap">
<div class="wrap2">
<div class="content">
<div class="shopname">盘古七星酒店自助餐厅</div>
<div class="comment">
<span class="star star-45"></span>
<span>￥505/人</span>
</div>
<span class="classify">
亚运村 自助餐
</span><span class="distance"><img src="../image/ic_address_big.png" alt="">990m</span>
</div>
</div>
</div>
</div>
</a>
<a href="" class="item Fix hightitem" tapmode onclick="">
<div class="cnt">
<img class="pic" src="../image/api_1.png">
<div class="wrap">
<div class="wrap2">
<div class="content">
<div class="shopname">东方饺子王</div>
<div class="comment">
<span class="star star-45"></span>
<span>￥505/人</span>
</div>
<span class="classify">
亚运村 自助餐
</span><span class="distance"><img src="../image/ic_address_big.png" alt="">990m</span>
</div>
</div>
</div>
</div>
</a>
<a href="" class="item Fix hightitem" tapmode onclick="">
<div class="cnt">
<img class="pic" src="../image/api_1.png">
<div class="wrap">
<div class="wrap2">
<div class="content">
<div class="shopname">屌丝柳州螺蛳粉</div>
<div class="comment">
<span class="star star-45"></span>
<span>￥17/人</span>
</div>
<span class="classify">
海淀其他 粉面馆
</span><span class="distance"><img src="../image/ic_address_big.png" alt="">990m</span>
</div>
</div>
</div>
</div>
</a>
<a href="" class="item Fix hightitem" tapmode onclick="">
<div class="cnt">
<img class="pic" src="../image/api_1.png">
<div class="wrap">
<div class="wrap2">
<div class="content">
<div class="shopname">蒸汽石锅鱼</div>
<div class="comment">
<span class="star star-40"></span>
<span>￥65/人</span>
</div>
<span class="classify">
北太平庄 鱼火锅
</span><span class="distance"><img src="../image/ic_address_big.png" alt="">350m</span>
</div>
</div>
</div>
</div>
</a>
<a href="" class="item Fix hightitem" tapmode onclick="">
<div class="cnt">
<img class="pic" src="../image/api_1.png">
<div class="wrap">
<div class="wrap2">
<div class="content">
<div class="shopname">海底捞火锅</div>
<div class="comment">
<span class="star star-50"></span>
<span>￥94/人</span>
</div>
<span class="classify">
北太平庄 更多火锅
</span><span class="distance"><img src="../image/ic_address_big.png" alt="">350m</span>
</div>
</div>
</div>
</div>
</a>
<a href="" class="item Fix hightitem" tapmode onclick="">
<div class="cnt">
<img class="pic" src="../image/api_1.png">
<div class="wrap">
<div class="wrap2">
<div class="content">
<div class="shopname">汉拿山</div>
<div class="comment">
<span class="star star-50"></span>
<span>￥76/人</span>
</div>
<span class="classify">
北太平庄 韩国料理
</span><span class="distance"><img src="../image/ic_address_big.png" alt="">700m</span>
</div>
</div>
</div>
</div>
</a>
</div>
</body>
</html>