miao/miaomiao/www/templates/home/userDetail.html

<ion-view view-title="瞄喵">
    <ion-content ng-click="cancelSupport()">
        <div class="user-box">
            <div class="myinfo">
                <img ng-src="{{items.user.avatar | avator }}" />
                <div>
                    {{items.user.nickname}}
                </div>
                <div style="font-size:0.7rem; margin-bottom: 10px"> {{items.user.city}}</div>
                <div ng-if="user.id != items.user.id">
                    <div ng-if="items.is_care==0">
                        <span style="background: #fff; color: #00C3DA; font-size:0.7rem; border-radius: 20px; padding: 2px 20px" ng-click="attentionUser(1)">关注</span>
                    </div>
                    <div ng-if="items.is_care==1">
                        <span style="background: #fff; color: #B3B3B3; font-size:0.7rem; border-radius: 20px; padding: 2px 20px" ng-click="attentionUser(0)">已关注</span>
                    </div>
                </div>
            </div>
            <div class="row user-row">
                <div class="col">
                    <div style="border-right: 1px solid #80E1ED">
                        {{items.score}}<br>
                        收到的支持分
                    </div>
                </div>
                <div class="col">
                    <div style="border-right: 1px solid #80E1ED">
                    {{items.user.care}}<br>
                    关注
                    </div>
                </div>
                <div class="col">
                    {{items.user.fens}}<br>
                    粉丝
                </div>
            </div>
        </div>
        <div class="row" ng-if="items.imgs.length>0" style="background: #FAFAFA; height: 85px; padding-bottom: 15px">
            <div class="col col-10" style="margin-top: 6%" ng-click="next(1)">
                <i class="icon ion-ios-arrow-left" style="font-size: 1.5rem; color: #00C3DA; line-height: 100%"></i>
            </div>
            <div class="col" style="overflow: hidden;padding:0 5px;" on-drag-right="next(2)" on-drag-left="next(1)">
                <span class="userdetail" ng-repeat="item in items.imgs">
                    <img ng-click="showBigImage('{{item.pic}}',$index)" ng-if="$index<4" ng-src="{{item.pic}}" style="padding: 0.5%;" />
                </span>
            </div>
            <div class="col col-10" style="margin-top: 6%; text-align: right" ng-click="next(2)">
                <i class="icon ion-ios-arrow-right" style="font-size: 1.5rem; color: #00C3DA;"></i>
            </div>
        </div>
        <div class="list padding" style="font-size: 18px; color: #828282;">
            <div class="row" style="padding: 20px 0; border-bottom: 1px solid #E6E6E6">
                <div class="col">
                    年龄：{{items.user.birthday | getage}}
                </div>
                <div class="col">
                    身高：{{items.user.height}}cm
                </div>
            </div>
            <div class="row" style="padding: 20px 0 0 0">
                <div class="col">
                    情感：{{items.user.emotion}}
                </div>
                <div class="col">
                    职业：{{items.user.work}}
                </div>
            </div>
        </div>
        <div style="border-bottom:10px solid #F2F2F2;"></div>
        <div class="list list-user-set list-set-arrow" style="color: #818181;">
            <a class="item" ng-click="toDetail(dream_id)">
                <em class="fl">当前的梦想</em>
            </a>
            <a class="item" ng-click="toOldDream()">
                <em class="fl">曾经的梦想</em>
            </a>
            <a class="item" ng-click="toSupportDream()">
                <em class="fl">支持的梦想</em>
            </a>
        </div>
    </ion-content>
    <div class="detail-like" ng-if="toshare">
        <div class="row" style="background: #CCCCCC;">
            <div class="col" ng-click="share(0)">
                <img ng-src="img/friends.svg" ><br>
                分享给朋友
            </div>
            <div class="col" ng-click="share(1)">
                <img ng-src="img/Moments.svg" ><br>
                分享到朋友圈
            </div>
        </div>
    </div>
    <!--点击看大图-->
    <div ng-if="bigImage" ng-click="hideBigImage()" on-swipe-left="swipeLeft({{imageIndex}})" on-swipe-right="swipeRight({{imageIndex}})" class="popover-backdrop">
        <img src="{{url}}">
    </div>
</ion-view>