|
@@ -5,6 +5,9 @@
|
|
|
#app{
|
|
|
padding-bottom:50px;
|
|
|
}
|
|
|
+ .masonry {
|
|
|
+ padding-top: 140px;
|
|
|
+ }
|
|
|
</style>
|
|
|
</block>
|
|
|
<block name="body">
|
|
@@ -16,25 +19,28 @@
|
|
|
<span style="color:white;">筛选</span>
|
|
|
</template>
|
|
|
</van-nav-bar>
|
|
|
+ <div style="position: fixed;top: 46px;width: 100%;z-index: 100;background:white;box-sizing:border-box;padding:5px 10px;">
|
|
|
+ <van-search v-model="form.id" placeholder="请输入嘉宾编号" @search="onIdSearch"></van-search>
|
|
|
+ </div>
|
|
|
|
|
|
<!--筛选-->
|
|
|
- <van-dropdown-menu style="position: fixed;top: 46px;width: 100%;z-index: 100;">
|
|
|
+ <van-dropdown-menu style="position: fixed;top: 92px;width: 100%;z-index: 100;">
|
|
|
<van-dropdown-item v-model="form.age" :options="age_option" @change="onAgeChange"></van-dropdown-item>
|
|
|
<van-dropdown-item v-model="form.sort" :options="sort_option" @change="onSortChange"></van-dropdown-item>
|
|
|
</van-dropdown-menu>
|
|
|
<van-popup v-model="show" position="right" :style="{width: '80%',height: '100%'}">
|
|
|
<div class="search_wrapper">
|
|
|
- <p class="search_title">性别</p>
|
|
|
- <van-row :gutter="10">
|
|
|
- <van-col span="8" v-for="(item) in sex_option">
|
|
|
- <div :class="{btn_search_item:true,active:item.value == form.sex}"
|
|
|
- @click="selectOption('sex',item.value)">
|
|
|
- {{item.text}}
|
|
|
- <van-icon v-if="item.value == form.sex"
|
|
|
- class="iconfont icon-gouxuan-youxiajiaogouxuan btn_search_icon text-pink"></van-icon>
|
|
|
- </div>
|
|
|
- </van-col>
|
|
|
- </van-row>
|
|
|
+ <!--<p class="search_title">性别</p>-->
|
|
|
+ <!--<van-row :gutter="10">-->
|
|
|
+ <!--<van-col span="8" v-for="(item) in sex_option">-->
|
|
|
+ <!--<div :class="{btn_search_item:true,active:item.value == form.sex}"-->
|
|
|
+ <!--@click="selectOption('sex',item.value)">-->
|
|
|
+ <!--{{item.text}}-->
|
|
|
+ <!--<van-icon v-if="item.value == form.sex"-->
|
|
|
+ <!--class="iconfont icon-gouxuan-youxiajiaogouxuan btn_search_icon text-pink"></van-icon>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</van-col>-->
|
|
|
+ <!--</van-row>-->
|
|
|
|
|
|
<p class="search_title">身高</p>
|
|
|
<van-row :gutter="10">
|
|
@@ -103,6 +109,8 @@
|
|
|
<van-icon
|
|
|
:class="[item.sex == 1 ? 'icon-xingbie-nan text-blue' : 'icon-xingbie-nv text-pink','iconfont']"></van-icon>
|
|
|
{{item.realname ? item.realname : item.username}}
|
|
|
+
|
|
|
+ <span class="fz12 text-gray">(编号:{{item.id}})</span>
|
|
|
</span>
|
|
|
</h3>
|
|
|
<div class="describe">
|
|
@@ -176,11 +184,11 @@
|
|
|
{text: '最新注册', value: 'create_time desc'},
|
|
|
{text: '最近登录', value: 'last_login_time desc'},
|
|
|
],
|
|
|
- sex_option: [
|
|
|
- {text: '不限', value: 0},
|
|
|
- {text: '男嘉宾', value: 1},
|
|
|
- {text: '女嘉宾', value: 2},
|
|
|
- ],
|
|
|
+ // sex_option: [
|
|
|
+ // {text: '不限', value: 0},
|
|
|
+ // {text: '男嘉宾', value: 1},
|
|
|
+ // {text: '女嘉宾', value: 2},
|
|
|
+ // ],
|
|
|
high_option: [
|
|
|
{text: '不限', value: 0},
|
|
|
{text: '150-160CM', value: 1},
|
|
@@ -228,14 +236,30 @@
|
|
|
},
|
|
|
onAgeChange(value) {
|
|
|
this.form.age = value;
|
|
|
+ this.form.id = '';
|
|
|
this.onRefresh();
|
|
|
},
|
|
|
onSortChange(value) {
|
|
|
this.form.sort = value;
|
|
|
+ this.form.id = '';
|
|
|
this.onRefresh();
|
|
|
},
|
|
|
selectOption(key, value) {
|
|
|
this.form[key] = value;
|
|
|
+ this.form.id = '';
|
|
|
+ },
|
|
|
+ onIdSearch() {
|
|
|
+ this.form = {
|
|
|
+ age: 0,
|
|
|
+ sort: 'star desc',
|
|
|
+ id: this.form.id,
|
|
|
+ sex: 0,
|
|
|
+ high: 0,
|
|
|
+ weight: 0,
|
|
|
+ marry: 0,
|
|
|
+ education: 0,
|
|
|
+ };
|
|
|
+ this.onRefresh();
|
|
|
},
|
|
|
searchReset() {
|
|
|
this.form = {
|