{php $this->template('header')}

	<style>

    .top{  background: #fff;position: relative;margin-bottom: 0.1rem; }
   
    .uinfo{padding: 0.2rem 0;padding-left: 2rem;}
    .topbox{    display: flex; }
    .topbox .item{ flex: 1; text-align: center; }
    .topbox .item .num{ height:0.4rem; line-height: .4rem; color: #555 }
    .topbox .item .name{ color: #888;font-size: 0.22rem  }
    .userface{ position: absolute; left: 0.3rem; top:0.3rem;  width: 1.4rem;background: #f2f2f2; height:1.4rem; border-radius: 50%; overflow: hidden; }
    .userface img{ width: 100%; height: 100%; }
    .ubtn{ padding: 0.2rem 1.2rem; }
    .ubtn .bui-btn{ border-radius: 0.3rem; }
    .address{ height: 0.6rem; line-height: 0.6rem;padding: 0 0.3rem; }
    .address .iconfont{ color: #ff9236; padding-right: 0.1rem; }
    .video{ position: relative; }
    .video::after{ display: block;content:""; padding-top: 120%; }
    .video .box{ position: absolute; left: 0.05rem; right: 0.05rem;top:0; bottom: 0.1rem;background-repeat: no-repeat; background-position: center; background-size: cover; }

.bui-scroll .bui-scroll-main {
   
    background: none
}
   .zan{position: absolute; right: 0.2rem; bottom: 0.3rem;color: #fff; height: 0.8rem; line-height: 0.8rem;}
   .zan .iconfont{ vertical-align: middle; }
   .znu{ font-size: 0.2rem }
	</style>
	<div class="bui-page">
		<main id="main">
			


		 <div class="top">

            
             <div class="uinfo">
	             <div class="topbox">
	                 <div class="item">
	                     <div class="num">{php echo db('user_video')->where(['uid'=>$uid])->count()}</div>
	                     <div class="name">视频</div>
	                 </div>
	                 <div class="item click" data-url="{php echo iurl('user/article/index',['uid'=>$uid])}">
	                     <div class="num">{php echo db('user_article')->where(['uid'=>$uid,'type'=>1])->count()}</div>
	                     <div class="name">文章</div>
	                 </div>
	                 <div class="item click" data-url="{php echo iurl('photo/user/index',['uid'=>$uid])}">
	                     <div class="num">{php echo db('user_photos')->where(['uid'=>$uid])->count()}</div>
	                     <div class="name">相册</div>
	                 </div>
	             </div>
	             <div class="ubtn">
                     <div class="bui-btn danger mini click" data-url="{php echo iurl('card/index/index')}&uid={$uid}">看Ta主页</div>
	             </div>
             </div>
             <div class="userface">
                <img src="{$user['headimgurl']}" alt="">
             </div>


            <div class="address"> <i class="iconfont icon-dizhi "></i>{php echo user($uid,'province')}{php echo user($uid,'city')}</div>
		   
		            
		 </div>


			<div id="scrollList" class="bui-scroll">
				<div class="bui-scroll-head"></div>
				<div class="bui-scroll-main">
					<ul class="bui-list bui-fluid-3">
					</ul>
				</div>
				<div class="bui-scroll-foot"></div>
			</div>


	        
		</main>
	  </div>


<script>
    var cate=0;

	function type(t){
	 
	 if(t==0||t==1){
	 	return '浏览';
	 }
	 if(t==2){
	 	return '赞';
	 }
	 if(t==3){
	 	return '分享';
	 }

	}
	bui.ready(function(){


		var uiList = bui.list({
		        id: "#scrollList",
		        url: "{php echo iurl('user',['uid'=>$get['uid']])}",
		        pageSize: 10,
		        field: {
		            page: "page",
		            size: "pageSize",
		            data: "data"
		        },
              template: function(data) {
            	var html = "";
            	data.forEach(function(el, index) {
                 	
                 	html += `<li class="video click" data-url="{php echo iurl('video/video/play')}&id=${el.id}">
                            <div class="box" style="background-image: url(${el.img})">
                               <div class="zan">
                                  <span class="iconfont icon-zan"></span>
                                  <span class="znu">${el.zan}</span>
                               </div>
                            </div>
						</li>`;
                    
                  	});
            	  if (html=='') {

            			html=	`<div class="img" id="kongkong">
									<img src="{$public}img/empty.png">
									<p>空空如也...</p>
								</div>`;
            			
            		}
            		 
                  	return html;
              	}
          	});

             

	})

</script>


{php $this->template('footer')}