h5列表 php,原生php+H5 视频播放一 专辑列表页（专辑页list）

1.专辑页(分类页)

header("content-type:text/html;charset=utf-8");

include_once('/*******inc/global.php');//配置文件

$ms = new Mysqls();

$sql = "select * from ******* order by id desc limit 20" ;//获取视频数据(数据少未分页)

$data = $ms->getRows($sql);

foreach($data as $k=>$v){

//查找作者

$sql = "select * from `user` where `id`={$v['user_id']} limit 1" ;

$user = $ms->getRow($sql);

$data[$k]['head'] = $user['avatar'];

$data[$k]['nickname'] = $user['nickname'];

}

?>

早教故事列表

var phoneWidth = parseInt(window.screen.width);var iwidth = 750;var phoneScale = phoneWidth/iwidth;var ua = navigator.userAgent;var os = 1;if (/Android (\d+\.\d+)/.test(ua)){var version = parseFloat(RegExp.$1);os = 2;if(version>2.3){document.write('')}else{document.write('')}} else {document.write('')}

body{margin:0;padding:0;font-family:Arial;font-size:24px;background:#f3f3f3;}

ul,li,dl,dt,dd,p,div{margin:0;padding:0;list-style:none}

@font-face{font-family:'iconfont';src:url('font/iconfont.woff') format('woff'),url('font/iconfont.ttf') format('truetype');}

li{float:left;width:340px;border-radius:13px;overflow:hidden;background:#fff;margin:28px 0 0 23px;}

.pic{position:relative;}

.pic img{width:340px;height:340px;}

.out{position:absolute;top:0;left:0;width:324px;height:52px;border-radius:13px 13px 0 0;background:rgba(0,0,0,0.3);font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;color:#fff;font-size:20px;text-align:right;padding:288px 16px 0 0;}

.out span{font-size:24px;}

.name{font-size:26px;color:#2c2d2e;padding:20px 0 0 16px;}

.head{float:left;width:41px;height:41px;border-radius:100%;overflow:hidden;margin:20px 13px 28px 16px;}

.head img{width:41px;height:41px;}

.signer{float:left;font-size:21px;color:#2c2d2e;margin-top:30px;}

•   <?php echo $v['num']; ?>
  

本文分享 CSDN - 阿……莫西林。

如有侵权，请联系 support@oschina.cn 删除。

本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。