minxing-devtools-core
Version:
78 lines (75 loc) • 3.45 kB
HTML
<html>
<head>
<meta charset="utf-8">
<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">
<title>frame</title>
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" type="text/css" href="../css/api.css" />
<link rel="stylesheet" type="text/css" href="../css/common.css" />
<style>
html {width: 100%;min-height: 100%;background: #D5D8DB;}
body {width: 100%;min-height: 100%;background: #D5D8DB;}
.hot_card {position: relative;margin-bottom: 10px;background: #E8E9ED;}
.hot_cover {width: 100%;}
.videotitle {font-size: 14px; padding-left: 10px; padding-bottom: 2px; padding-top: 7px;}
.videoLen {font-size: 9px; color: #A7A7AB; padding-left: 10px; padding-bottom: 7px; padding-top: 5px;}
.cardr {position: absolute; width: 40px; right: 10px; bottom: 5px;}
.rightarrow {height: 9px; padding-right: 5px;}
.vd {color: #D9D9DD;}
/* 分享按钮点击 */
.cardr {background-image: url(../image/share_icon_normal.png); height: 40px; background-size: 40px; bottom: 10px;}
.sharehover {background-image: url(../image/share_icon_pressed.png) ;}
</style>
</head>
<body>
<div class="hot_card">
<img src="../image/api_1.png" alt="" class="hot_cover">
<div class="cardl" tapmode="btn_click">
<div class="videotitle">全透明飞机你敢坐吗？让你“飘”在空中</div>
<div class="videoLen"><img src="../image/hot_pic_more.png" alt="" class="rightarrow">科技精选 <span class="vd">|</span>01:09</div>
</div>
<div class="cardr" tapmode="sharehover"></div>
</div>
<div class="hot_card">
<img src="../image/api_1.png" alt="" class="hot_cover">
<div class="cardl" tapmode="btn_click">
<div class="videotitle">女孩应聘中突然从17层跳下坠亡 毫无征兆</div>
<div class="videoLen"><img src="../image/hot_pic_more.png" alt="" class="rightarrow">第一现场 <span class="vd">|</span>01:09</div>
</div>
<div class="cardr" tapmode="sharehover"></div>
</div>
<div class="hot_card">
<img src="../image/api_1.png" alt="" class="hot_cover">
<div class="cardl" tapmode="btn_click">
<div class="videotitle">足协公布国足集训名单:徐云龙邵佳一入选</div>
<div class="videoLen"><img src="../image/hot_pic_more.png" alt="" class="rightarrow">聚焦国足 <span class="vd">|</span>01:09</div>
</div>
<div class="cardr" tapmode="sharehover"></div>
</div>
<div class="hot_card">
<img src="../image/api_1.png" alt="" class="hot_cover">
<div class="cardl" tapmode="btn_click">
<div class="videotitle">2014纽约动漫展开幕 cos美女集体亮相</div>
<div class="videoLen"><img src="../image/hot_pic_more.png" alt="" class="rightarrow">cos秀 <span class="vd">|</span>01:09</div>
</div>
<div class="cardr" tapmode="sharehover"></div>
</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script>
apiready = function (){
api.setRefreshHeaderInfo({
visible: true,
bgColor: 'rgba(0,0,0,0)',
textColor: '#666',
textDown: '下拉刷新',
textUp: '释放刷新'
}, function(ret, err){
api.refreshHeaderLoadDone();
});
};
</script>
</html>