UNPKG

zoomla

Version:

16年专业研发|中文alexa排名第一的CMS品牌-基于dotNET core、功能强大,集成站群、微信开发、小程序与ERP及OA办公系统,支持国际语言和多民族语言,世界五百强与大型门户专用高端网站内核CMS系统

257 lines 6.52 kB
<ion-view view-title="选择地区"> <ion-header-bar class="bar-calm bar bar-header" align-title="center"> <button class="button icon ion-chevron-left" ng-click="$ionicGoBack()" ui-sref="tab.dash"></button> <div class="title title-center header-item">选择地区</div> </ion-header-bar> <ion-content on-swipe-left="onSwipeLeft()" on-swipe-right="onSwipeRight()"> <ion-list class="rj-list"> <ion-item class="rj-item"> <div class="rj-contacts-pic rj-orange-bgc"> <i class="ion-person-add"></i> </div> <h2>新的朋友</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic rj-green-bgc"> <i class="ion-person-stalker"></i> </div> <h2>群聊</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic rj-blue-bgc"> <i class="ion-ios-pricetag"></i> </div> <h2>标签</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic rj-blue-bgc"> <i class="ion-person-add"></i> </div> <h2>公众号</h2> </ion-item> </ion-list> <ion-list> <ion-item class="rj-contacts-item"> <div class="rj-contacts-index-bar">A</div> <ion-list class="rj-list"> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg"> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg"> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg"> </div> <h2>李明</h2> </ion-item> </ion-list> </ion-item> <ion-item class="rj-contacts-item"> <div class="rj-contacts-index-bar">B</div> <ion-list class="rj-list"> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg"> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg"> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg"> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg"> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg"> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg"> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg"> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg"> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg"> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg"> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg"> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg"> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg" alt="" /> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg" alt="" /> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg" alt="" /> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg" alt="" /> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg" alt="" /> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg" alt="" /> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg" alt="" /> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg" alt="" /> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg" alt="" /> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg" alt="" /> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg" alt="" /> </div> <h2>李明</h2> </ion-item> </ion-list> </ion-item> <ion-item class="rj-contacts-item"> <div class="rj-contacts-index-bar">C</div> <ion-list class="rj-list"> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg" alt="" /> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg" alt="" /> </div> <h2>李明</h2> </ion-item> <ion-item class="rj-item"> <div class="rj-contacts-pic"> <img src="/Template/zoomlaWeb02/style/img/adam.jpg" alt="" /> </div> <h2>李明</h2> </ion-item> </ion-list> </ion-item> </ion-list> </ion-content> <div class="rj-contacts-right-bar" rj-position-middle on-drag="contacts_right_bar_swipe($event)"> <div>&uarr;</div> <div></div> <div>A</div> <div>B</div> <div>C</div> <div>D</div> <div>E</div> <div>F</div> <div>G</div> <div>H</div> <div>I</div> <div>J</div> <div>K</div> <div>L</div> <div>M</div> <div>N</div> <div>O</div> <div>P</div> <div>Q</div> <div>R</div> <div>S</div> <div>T</div> <div>U</div> <div>V</div> <div>W</div> <div>X</div> <div>Y</div> <div>Z</div> <div>#</div> </div> <div class="rj-contacts-middle-bar"></div> </ion-view>