邓洁:搜索框吸顶
This commit is contained in:
@@ -1,18 +1,15 @@
|
||||
<template>
|
||||
<view class="root">
|
||||
<InputAndSwiper @getQueryInfo="getInput" :bannerURL="swiperList" :refresh="isRefresh"></InputAndSwiper>
|
||||
|
||||
<view>
|
||||
<view class="dropdown-bug">
|
||||
|
||||
</view>
|
||||
<view class="marginLR10 sticky">
|
||||
<view class="sticky">
|
||||
<InputAndSwiper @getQueryInfo="getInput" :bannerURL="swiperList" :refresh="isRefresh"></InputAndSwiper>
|
||||
<view class="marginLR10">
|
||||
<DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown>
|
||||
</view>
|
||||
<view class="marginLR10">
|
||||
<SearchShopList :showStyle="1" :searchInfoList="searchInfoList" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="marginLR10">
|
||||
<SearchShopList :showStyle="1" :searchInfoList="searchInfoList" />
|
||||
</view>
|
||||
|
||||
<view v-if="showNull" class="showNull">
|
||||
<text>没有符合条件的数据, 请下拉刷新重置数据~
|
||||
</text>
|
||||
@@ -143,7 +140,11 @@
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
page {
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
.showNull {
|
||||
display: flex;
|
||||
@@ -153,22 +154,10 @@
|
||||
color: darkgray;
|
||||
}
|
||||
|
||||
page {
|
||||
background-color: $uni-bg-color-grey;
|
||||
}
|
||||
|
||||
.root {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-bug {
|
||||
position: absolute;
|
||||
background-color: $uni-bg-color-grey;
|
||||
height: 120rpx;
|
||||
width: 100%;
|
||||
transform: translateY(-20rpx);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.marginLR10 {
|
||||
margin: 0 10px;
|
||||
|
||||
Reference in New Issue
Block a user