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

  <link rel="stylesheet" href="{$public}css/user/vip/index1.css?{php echo time()}">

<style>

</style>

<div class="bui-page">

    <main>
		<div class="body">

			<div class="head bgauto" style="background-image: url({$public}img/vip1.png)">
				
				<div class="header bgauto" style='background-image: url("{php echo $this->user['headimgurl']}")'></div>

				<div class="title"> 
					
					{if $this->vip==1} 
						尊敬的VIP用户您好
					{else}
						您还不是VIP
					{/if} 
				</div>

				<div class="time">  {if $this->vip==1}{php echo date("Y年m月d日",user($this->user['id'],'viptime')).'到期';}{else}您还不是VIP用户{/if} </div>

			</div>
				
			<div class="vip_item">

				<ul class="bui-list bui-list-thumbnail bui-list-pic bui-fluid-space-3">
					{loop $vips $k $v}
					<li>
						<div class="bui-pic">
		                    <div class="bui-pic-img {if $k==0}active{/if}" data-id="{$v['id']}">
								<div class="box">
									{if $k==0}<img src="{$public}img/tuijian1.png" class="imgs">{/if}
									<div class="vip_title bui-ellipsis-1">{$v['title']}</div>
									<div class="price"><span class="qian">￥</span>{php echo $v['price']/100}</div>
									<del class="del">原价{php echo $v['orderprice']/100}</del>
								</div>
		                    </div>
		                   
	                    </div>
                    </li>
					{/loop}

				</ul>


			</div>

		</div>

		<div class="home_guide">
            <div class="home_guide_hd">  <i class="iconfont icon-instant-error"></i> VIP特权 </div>
            <ul class="bui-list">

	            <li class="bui-btn bui-box">
	                <div class="bui-icon primary"><i class="icon-alert"></i></div>
	                <div class="span1">
						<div class="tq_title">视频采集</div>
						<div class="tq_jieshao">5G时代视频为王,VIP用户视频采集不受限制、非VIP用户可以试用{php echo config('video_novip')}，超过将无法采集</div>
	                </div>
	            </li>
	            <li class="bui-btn bui-box">
	                <div class="bui-icon primary"><i class="icon-alert"></i></div>
	                <div class="span1">
						<div class="tq_title">热文修改</div>
						<div class="tq_jieshao">VIP用户将不受限修改，非VIP将只能试用{php echo config('actedit')}，超过将无法修改</div>
	                </div>
	            </li>
	            <li class="bui-btn bui-box">
	                <div class="bui-icon primary"><i class="icon-alert"></i></div>
	                <div class="span1">
						<div class="tq_title">热文采集</div>
						<div class="tq_jieshao">VIP用户将不受限修改，非VIP将只能试用{php echo config('actedit')}，超过将无法采集</div>
	                </div>
	            </li>
	            {if config('pro_add')==2}
	            <li class="bui-btn bui-box">
	                <div class="bui-icon primary"><i class="icon-alert"></i></div>
	                <div class="span1">
						<div class="tq_title">项目发布</div>
						<div class="tq_jieshao">VIP用户独享特权，项目发布可以让您更快的积累财富</div>
	                </div>
	            </li>
	            {/if}
	            
	            <li class="bui-btn bui-box">
	                <div class="bui-icon primary"><i class="icon-alert"></i></div>
	                <div class="span1">
						<div class="tq_title">访客足迹</div>
						<div class="tq_jieshao">VIP用户独享特权，访客记录可以快速的让您找到更精准的访客还可以联系TA喔~</div>
	                </div>
	            </li>
	            
			</ul>
        </div>

		<div class="footer">
			<div class="bui-btn ring vip_sub" > 立即开通 </div>
		</div>


		{if !$vips}

			<div class="img text-c" id="kongkong">
				<img src="{$public}img/empty.png">
				<p>空空如也...</p>
			</div>

		{/if}


         
    </main>
    </div>
</div>




<script>


    bui.ready(function(){
		$('.bui-pic-img').click(function(){

	    	if (!$(this).hasClass('active')) {

	    		$(this).addClass('active').parents('li').siblings('li').find('.bui-pic-img').removeClass('active');

	    	}
		})

    	$('.vip_sub').click(function(){

    		var vid=$('.active').attr('data-id');
    		window.location.href="{php echo iurl('user/vip/add')}&vid="+vid; 

    	})

    })


 
</script>

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