doctype html
html(lang="en")
  head
    include ../common/includeheader
    title 这是应用详情
    link(rel="stylesheet", href="../../css/store.css")
    script(src="../../js/jquery.mobile-1.4.5.min.js")
    script(src="../../js/store.js")
  body(ng-app="storeDtail", ng-controller="storeDtailCtrl")
    .container.mt_60
        h3.store_detail_top.mb_20
            a#back_store_home.back_store_home(href="/#store",target="_blank") 
                i.fa.fa-reply 返回
            | 应用详情
        .store_detail
            .row
                .col-md-3.col-xs-4
                    img.img-responsive(ng-src="{{info.logo}}")
                .col-md-6.col-xs-5.pd_none
                    h1.store_detail_tit {{info.alias}}
                        i
                          img(src="../../image/tag.png")
                    p {{info.version}}
                    p.lh.detail_intro#info_descriptionweb
                .col-xs-3.text-center.pd_none
                    button#store_load_phone.store_load_btn(onclick="nnstoreDetail.generateQrc()") 安装
            .store_detail_pic.app_intro
                .row
                    .col-md-12.col-xs-12
                        h2.mb_20.mt_20 详情
                        p.detail_intro#info_descriptionmob
        .row
        .col-md-12.col-xs-12.store_detail_pic
            h2.mt_20 效果展示
            #myCarousel.col-md-6.col-md-offset-3.col-xs-offset-1.col-xs-10.carousel.slide(data-ride="carousel")
                    // 轮播（Carousel）指标
                    ol.carousel-indicators
                        //- li.active(data-target="#myCarousel", data-slide-to="0")
                        li(ng-class="{active: c == 0}",ng-repeat="c in info.imgarr", data-slide-to="{{c}}") 
                        //- |                         
                        //- li(data-target="#myCarousel", data-slide-to="1")
                        //- |                         
                        //- li(data-target="#myCarousel", data-slide-to="2")
                        //- li(data-target="#myCarousel", data-slide-to="3")
                    // 轮播（Carousel）项目
                    .carousel-inner
                        .item(ng-class="{true: 'active', false: ''}[{{$index}}==0]",ng-repeat="b in info.images")
                            img.img-responsive( ng-src="{{b}}", alt="{{$index}}")
                    // 轮播（Carousel）导航
                    a.carousel-control.left(href="#myCarousel", data-slide="prev") ‹
                    |                     
                    a.carousel-control.right(href="#myCarousel", data-slide="next") ›
        .store_tip
        script(type="text/html" id="idCarousel2").
            .container{margin-top:10px;}
            .store_detail .row .col-xs-3 button{
                margin-top: 20px;
                padding:5px 10px;
            }
            .topbar{display:none;}
            .pd_none .detail_intro{display: none;}
            .app_intro{display: block;}
            .app_intro .detail_intro{display: block;}
            .img_list ul{ width: 3500px; position: absolute; height: 260px; left: 0px;}
            .img_list li{ float: left; width: 100px;}
            .img_list img{ margin: 1px; width: 100px; height: 200px;}
            .carousel-control.left{font-size: 60px;left: -20px;}
            .carousel-control.right{font-size: 60px;right: -20px;}
            .store_tip{display:none;}
        script(type="text/javascript").
            var app = angular.module('storeDtail', []);
            app.controller('storeDtailCtrl', nnstoreDetail.init);