NN2021012701/public/themes/default/weixin/match/test.html

<include file="weixin@block:header"/>
<title>推荐</title>
<link rel="stylesheet" href="__TMPL__/weixin/public/assets/css/swiper.min.css?v={$version}">
<link rel="stylesheet" href="__TMPL__/weixin/public/assets/css/match.css?v={$version}">
<div id="app" v-cloak>
    <div :class="!hasFollow? 'top_lieb hasFollow' : 'top_lieb'">
        <ul>
            <li class="active"><h1><a href="/weixin/match/index?rs=1">单身推荐</a></h1></li>
            <li><h1><a href="/weixin/match/hearts">怦然心动</a></h1></li>
            <span class="filter" @click="showFilterBox=showFilterBox?false : true"><img src="__TMPL__/weixin/public/assets/img/search.png"></span>
        </ul>
    </div>
    <div class="followTips" v-if="hasFollow==0">关注拾光公众号，接收微信申请和结果反馈<a @click="showFollow()">立即关注</a><span @click="hasFollow=true">x</span></div>
    <div :class="'box'+(!hasFollow? ' has' : '')">
        <div id="recommends" class="recommend-box">
            <div class="tips" v-if="tipsArr.length>0">
                <a href="/weixin/member/complain"><span></span></a>
            </div>
            <div class="join"><a href="/weixin/activity/book?id=15">我要推荐</a></div>
            <div v-if="total<=0" class="empty recommends"><span>暂无数据</span></div>
            <div v-show="total>0" class="swiper-container hearts">
                <div class="swiper-wrapper ">
                    <div class="swiper-slide" v-for="(item,k) in dataList" @click="goDetail(item.id)">
                        <div class="info-box">
                            <div class="info">
                                <img class="avatar" :src="item.avatar">
                                <div class="td_xix">
                                    <h1>
                                        <span class="nickname" v-text="item.user_nickname"></span>
                                        <i v-if="item.idcard_check==2 || item.education_check==2 || item.position_check==2" class="auth" @click.stop="showAuth(item)"><img src="/themes/default/weixin/public/assets/img/auth.png" width="28" height="28"></i>
                                        <!--                                    <i v-if="item.vip_auth" class="vip-auth"><img  src="/themes/default/weixin/public/assets/img/vip-auth.png" width="24" height="24"><span>已认证</span></i>-->
                                    </h1>
                                    <p class="location" v-if="item.distance!=''"><span>距离你 {{item.distance}}{{item.district? '·'+item.district : ''}}</span><span class="pics"><img
                                            src="/themes/default/weixin/public/assets/img/pic.png">{{item.pic_count}}</span></p>
                                    <p><span v-text="item.birthday_day?item.birthday_day+'|':''"></span><span
                                            v-text="item.height_txt?item.height_txt+'|':''"></span><span
                                            v-text="item.education_txt? item.education_txt+'|':''"></span><span v-text="item.occupation"></span></p>
                                    <p><span v-text="item.city? '现居'+item.city : ''"></span><span v-text="item.home_province? '·'+item.home_province+'人' : ''"></span>
                                        <span class="pics" v-if="item.distance==''"><img
                                                src="/themes/default/weixin/public/assets/img/pic.png">{{item.pic_count}}</span>
                                    </p></div>
                            </div>
                            <div class="desc">
                                <p v-html="item.introduce? item.introduce: '这个人很懒，什么也没留下~'"></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div v-if="status.loaded" class="loaded">
                已加载完全部
            </div>
        </div>
        <div :class="!hasFollow? 'filterBox has' : 'filterBox'" v-if="showFilterBox">
            <div class="prxd_box">
                <ul>
                    <li>
                        <div class="prxd_bt"><h1>你希望Ta的年龄是</h1></div>
                        <div class="prxd_nr">
                            <h1>年龄</h1>
                            <img class="minzu" src="__TMPL__/weixin/public/assets/img/tubiao35.png">
                            <label>
                                <input id="age_btn" class="tianx tianx select-value9 sel" type="text" name="age"  placeholder="不限"/>
                                <input id="age" type="text" class="tianx tianx select-value9 input" :data-code="conditions.age" placeholder="不限" readonly>
                            </label>
                        </div>
                    </li>
                    <li>
                        <div class="prxd_bt"><h1>你希望Ta的身高是</h1></div>
                        <div class="prxd_nr">
                            <h1>身高</h1>
                            <img class="minzu" src="__TMPL__/weixin/public/assets/img/tubiao35.png">
                            <label>
                                <input id="height_btn" class="tianx tianx select-value9 sel" type="text" name="height"  placeholder="不限"/>
                                <input id="height" type="text" class="tianx tianx select-value9 input" :data-code="conditions.height" placeholder="不限" readonly>
                            </label>
                        </div>
                    </li>
                    <li>
                        <div class="prxd_bt"><h1>你希望Ta的学历至少是</h1></div>
                        <div class="prxd_nr4 choose-item" id="education">
                            <h1 v-if="educations.length<=0" class="active" data-code="0">不限</h1>
                            <h1 v-for="(item,k) in educations" :class="k==conditions.education||(conditions.education<=0 && k==0)? 'active' : 'btn'" :data-code="k" v-text="item"></h1>
                        </div>
                    </li>
                    <li>
                        <div class="prxd_bt"><h1>你希望Ta的婚姻状态是</h1></div>
                        <div class="prxd_nr3 choose-item" id="married">
                            <h1 v-for="(item,k) in marrieds" :class="k+1==conditions.married||(conditions.married<=0 && k==0)? 'active' : 'btn'" :data-code="k+1" v-text="item"></h1>
                        </div>
                    </li>
                </ul>
                <div class="ger_banc">
                    <h1 class="save" @click="filterSubmit()">筛选</h1>
                </div>
            </div>
        </div>

    </div>
    <!-- 底部菜单 -->
    <include file="weixin@block:footer_nav"/>
</div>
<script src="__TMPL__/weixin/public/assets/lib/swiper.min.js?v={$version}"></script>
<script src="__TMPL__/weixin/public/assets/js/match.js?v={$version}"></script>
<include file="weixin@block:footer"/>