pfhwyigou/mobile/views/video/videolist.php

<?php
/**
 * Created by PhpStorm.
 * User: xiaofeng
 * Date: 2018/6/4
 * Time: 上午11:18
 */
use mobile\assets\AppAsset;
use yii\helpers\Url;
AppAsset::addCss($this,Yii::$app->request->baseUrl."/js/index/swiper-3.4.2.min.css");
AppAsset::addCss($this,Yii::$app->request->baseUrl."/js/videolist/dist/mescroll.min.css");
AppAsset::addCss($this,Yii::$app->request->baseUrl."/css/style.css");

AppAsset::addScript($this,Yii::$app->request->baseUrl.'/js/index/swiper-3.4.2.min.js');
AppAsset::addScript($this,Yii::$app->request->baseUrl.'/js/videolist/dist/mescroll.min.js');
AppAsset::addScript($this,Yii::$app->request->baseUrl.'/js/videolist/index.js');
$this->title = '易购房-视频列表';
?>

   <!-- 导航 -->
    <?php $this->beginContent('@app/views/public/nav.php'); ?>
    <?php $this->endContent(); ?>
	<div class="body_box" >
		<!-- 导航 -->
		<div class="vnav-box">
			<div class="seek-box">
				<input class="seek-txt" type="text" placeholder="请输入楼盘名称">
				<a class="seek-btn" href="javascript:void(0);">搜索</a>
			</div>
			<div class="swiper-wrapper video-nav">
				<a data-cid="0" class="swiper-slide on" href="javascript:void(0);">全部</a>
				<?php if(!empty($province)){ foreach($province as $k=>$v){ ?>
				<a data-cid="<?php echo $v['id'] ?>" class="swiper-slide" href="javascript:void(0);"><?php echo $v['city_name'] ?></a>
				<?php } } ?>
				<!-- 
				<a data-cid="2" class="swiper-slide" href="javascript:void(0);">广西</a>
				<a data-cid="3" class="swiper-slide" href="javascript:void(0);">广东</a> -->
			</div>
		</div>
		<div class="mescroll" id="mescroll">
			<!-- 视频列表 -->
			<div class="moods-list video-list" id="upscrollWarp">
				<ul id="dataList" class="data-list">
					<!-- <li>
						<a href="javascript:void(0);">
							<div class="video-list-img">
								<img src="./image/play_img.png" alt="">
							</div>
							<div class="video-list-font">
								<p class="video-list-title">300㎡独栋阔景纳尽山水仙境，一人买房全…</p>
								<p class="video-list-label">
									<span>620播放</span>
									<span>600点赞</span>
								</p>
							</div>
						</a>
					</li> -->
				</ul>
			</div>
		</div>
	</div>