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

  <link rel="stylesheet" href="{$public}css/renwu/index/index.css?{php echo time()}">
<style>
    
</style>

<div class="bui-page">

    <main>
   			<!-- <div id="slide" class="bui-slide bui-slide-skin01"></div> -->

			  <div id="slide" class="bui-slide">
           <div class="bui-slide-main">
             <ul>
                {loop $row $k $v}
               <li>
                 <!-- 从这里开始,可以自定义 start -->
                 <img src="{$v['image']}" class="click" data-url="{$v['url']}{if $v['wai']!=1}&source=app{/if}">
                 <!-- 从这里开始,可以自定义 end -->
               </li>
               {/loop}
             </ul>
           </div>
        </div>


           <div id="scrollList" class="bui-scroll">
            	
            	<!-- <div class="img text-c" id="kongkong">
					<img src="{$public}img/empty.png">
					<p>空空如也...</p>
					<div class="bui-btn ring caiji click" data-url="{php echo iurl('cai/article/index')}">点击添加</div>
				</div> -->
				<div class="bui-scroll-head"></div>
				<div class="bui-scroll-main">
					<ul class="bui-list bui-list-thumbnail ">


						<!-- <li class="box">
							<div class="renwu click" data-url="">
					            <div class="act">
					                <div class="imgbox" style="background-image: url(http://w72.dianyunweb.com/addons/dy_damai/res/app//img/add.png)">
					                
					                </div>
					                <div class="actinfo">

					                  <div class="title bui-ellipsis-2">
					                     标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读标准:每1人阅读
					                  </div>
					                  <div class="info">
					                    <div class="hang">
					                       <span class="lie">标准:每1人阅读</span>
					                       <span class="lie">
					                          <span>奖励金币</span>
					                          <span class="aui-text-danger">1个</span>
					                       </span>
					                    </div>
					                    <div class="hang">
					                       <span class="lie">
					                           推广人数:0
					                        </span>
					                       <span class="lie">
					                           金币剩余:<span class="aui-text-danger">10个</span>
					                       </span>
					                    </div>

					                    <div class="hang">
					                       <span class="lie">
					                           <span class="iconfont icon-shijian"></span>
					                           <span>2019年04月23日</span>
					                        </span>
					                       <span class="lie">
					                          <span class="iconfont icon-yanjing"></span>
					                           <span>0</span>
					                       </span>
					                    </div>
					                   </div>
					                  </div>
					                </div>
					          </div> 
							
						</li> -->

			

						
					</ul>
				</div>
				<div class="bui-scroll-foot"></div>
			</div>
            

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




<script>


    bui.ready(function(){

    	
    	var uiSlide = bui.slide({
            id: "#slide",
            height: 380,
            autopage: true,
        });
        //轮播自动播放
        uiSlide.start();
        //轮播图片允许滑动
        uiSlide.unlock();

        var uiList = bui.list({
	        id: "#scrollList",
	        url: "{php echo iurl('index')}",
	        pageSize:10,
	        data: {},
	        field: {
	            page: "page",
	            size: "pageSize",
	            data: "data"
	        },
	        template: function(data) {
	            var html = "";
	            data.forEach(function(el, index) {


	                html += `<li class="box">
							<div class="renwu click" data-url="${el.url}">
					            <div class="act">
					                <div class="imgbox ${el.subclass}" data-sub="${el.sub}" style="background-image: url(${el.act.img})"></div>
					                <div class="actinfo">

					                  <div class="title bui-ellipsis-2">${el.act.title}
					                  </div>
					                  <div class="info">
					                    <div class="hang">
					                       <span class="lie">标准:${el.jin}金币/1阅读</span>
					                       <span class="lie">
					                          <span>奖励金币</span>
					                          <span class="aui-text-danger">${el.total}个</span>
					                       </span>
					                    </div>
					                    <div class="hang">
					                       <span class="lie">
					                           推广人数:${el.ren}
					                        </span>
					                       <span class="lie">
					                           金币剩余:<span class="aui-text-danger">${el.surplus}个</span>
					                       </span>
					                    </div>

					                    <div class="hang">
					                       <span class="lie">
					                           <span class="iconfont icon-shijian"></span>
					                           <span>${el.times}</span>
					                        </span>
					                       <span class="lie">
					                          <span class="iconfont icon-yanjing"></span>
					                           <span>${el.eye}</span>
					                       </span>
					                    </div>
					                   </div>
					                  </div>
					                </div>
					          </div> 
							
						</li>`
	            });


	            return html;
	        }
	    })




    })

 
</script>

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