<ion-view view-title="喵喵" >
    <ion-nav-buttons side="left">
        <button class="button button-clear icon ion-ios-list-outline" ng-click="openPopover($event)"></button>
    </ion-nav-buttons>
    <ion-nav-buttons side="right">
        <a class="button button-clear icon ion-ios-search" ui-sref="app.home_search">
        </a>
        <button class="button button-clear icon ion-email-unread" style="padding-left:10px"></button>
    </ion-nav-buttons>
    <ion-content>
        <div class="tabs-striped tabs-top">
            <div class="tabs" style="top:0">
                <a  ng-class="type==1?'tab-item active':'tab-item'" ng-click="changetype(1)">
                   热门
                </a>
                <a ng-class="type==2?'tab-item active':'tab-item'" ng-click="changetype(2)">
                    潮流
                </a>
                <a ng-class="type==3?'tab-item active':'tab-item'" ng-click="changetype(3)">
                    最新
                </a>
            </div>
        </div>
        <div class="icontent">
            <ion-slides slider="data.slider">
                <ion-slide-page>
                    <div class="box banner"><img ng-src="img/demo/banner1.jpg" /></div>  
                </ion-slide-page>
                <ion-slide-page>
                    <div class="box banner"><img ng-src="img/demo/banner2.jpg" /></div>  
                </ion-slide-page>
                <ion-slide-page>
                    <div class="box banner"><img ng-src="img/demo/banner3.jpg" /></div>  
                </ion-slide-page>
            </ion-slides>
            <div class="item item-image" style="margin: 20px 0; border: none;">
                <i class="icon ion-ios-arrow-left" style="font-size: 1.5rem;"></i>
                <span class="subcontent">
                    <img ng-src="img/demo/head1.jpg" />
                    <img ng-src="img/demo/head2.jpg" />
                    <img ng-src="img/demo/head3.jpg" />
                    <img ng-src="img/demo/head4.jpg" />
                    <img ng-src="img/demo/head5.jpg" />
                </span>
                <i class="icon ion-ios-arrow-right" style="font-size: 1.5rem"></i>
            </div>
            <div class="list">
                <div class="item mainitem" ng-click="todetail()">
                    <div class="row">
                        <div class="col">
                            <img ng-src="img/demo/head6.jpg" />
                            <div  class="myblock">
                               <div>喵喵喵喵酱<span class="calm">20岁</span></div>
                                <div class="mysecond">上海市></div>
                            </div>
                        </div>
                        <div class="col" style="text-align:right">
                            <div style="margin-top:8px">
                                <img ng-src="img/heart.png" class="iheart" />
                                <span class="calm">20123</span>
                                <span>人关注</span>
                            </div>
                            <div class="mysecond">剩余5天</div>
                        </div>
                    </div>
                        <img ng-src="img/demo/pict.png" />
                    </div>
                <div class="item mainitem" ng-click="todetail()">
                    <div class="row">
                        <div class="col">
                            <img ng-src="img/demo/head6.jpg" />
                            <div class="myblock">
                                <div>喵喵喵喵酱<span class="calm">20岁</span></div>
                                <div class="mysecond">上海市></div>
                            </div>
                        </div>
                        <div class="col" style="text-align:right">
                            <div style="margin-top:8px">
                                <img ng-src="img/heart.png" class="iheart" />
                                <span class="calm">20123</span>
                                <span>人关注</span>
                            </div>
                            <div class="mysecond">剩余5天</div>
                        </div>
                    </div>
                    <img ng-src="img/demo/pict.png" />
                </div>
                <div class="item mainitem" ng-click="todetail()">
                    <div class="row">
                        <div class="col">
                            <img ng-src="img/demo/head6.jpg" />
                            <div class="myblock">
                                <div>喵喵喵喵酱<span class="calm">20岁</span></div>
                                <div class="mysecond">上海市></div>
                            </div>
                        </div>
                        <div class="col" style="text-align:right">
                            <div style="margin-top:8px">
                                <img ng-src="img/heart.png" class="iheart" />
                                <span class="calm">20123</span>
                                <span>人关注</span>
                            </div>
                            <div class="mysecond">剩余5天</div>
                        </div>
                    </div>
                    <img ng-src="img/demo/pict.png" />
                </div>
                <div class="item mainitem" ng-click="todetail()">
                    <div class="row">
                        <div class="col">
                            <img ng-src="img/demo/head6.jpg" />
                            <div class="myblock">
                                <div>喵喵喵喵酱<span class="calm">20岁</span></div>
                                <div class="mysecond">上海市></div>
                            </div>
                        </div>
                        <div class="col" style="text-align:right">
                            <div style="margin-top:8px">
                                <img ng-src="img/heart.png" class="iheart" />
                                <span class="calm">20123</span>
                                <span>人关注</span>
                            </div>
                            <div class="mysecond">剩余5天</div>
                        </div>
                    </div>
                    <img ng-src="img/demo/pict.png" />
                </div>
            </div>
        </div>
    </ion-content>
    <script id="my-popover.html" type="text/ng-template">
        <ion-popover-view class="pview">
            <ion-content>
             <div class="list">
                 <a  class="item item-icon-left">
                     <i class="icon ion-qr-scanner"></i>
                    扫一扫
                 </a>
                 <a class="item item-icon-left">
                     <i class="icon ion-plus"></i>
                     创造梦想
                 </a>
                 <a class="item item-icon-left">
                     <i class="icon ion-android-person"></i>
                   个人中心
                 </a>
                 <a class="item item-icon-left">
                     <i class="icon ion-ios-folder-outline"></i>
                     我的收藏
                 </a>
                 
             </div>
            </ion-content>
        </ion-popover-view>
    </script>
</ion-view>
