|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <view class="search"> | 
|---|
|  |  |  | <view class="search_box"> | 
|---|
|  |  |  | <view class="search_input"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <image @click="openCate()" src="@/static/filter@2x.png" mode="widthFix"> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <u-popup closeOnClickOverlay :show="open" @close="close" :round="10" mode="bottom"> | 
|---|
|  |  |  | <u-popup closeOnClickOverlay :show="open" @close="open=false" :round="10" mode="bottom"> | 
|---|
|  |  |  | <scroll-view scroll-y class="content"> | 
|---|
|  |  |  | <slot name="content"></slot> | 
|---|
|  |  |  | </scroll-view> | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 打开弹窗 | 
|---|
|  |  |  | openCate() { | 
|---|
|  |  |  | this.$emit('scrollerBan', true) | 
|---|
|  |  |  | this.open = true | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | close() { | 
|---|
|  |  |  | this.open = false | 
|---|
|  |  |  | this.$emit('scrollerBan', false) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 重置 | 
|---|
|  |  |  | closes() { | 
|---|
|  |  |  | 
|---|
|  |  |  | justify-content: space-between; | 
|---|
|  |  |  | padding-left: 40rpx; | 
|---|
|  |  |  | padding-right: 40rpx; | 
|---|
|  |  |  | padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx); | 
|---|
|  |  |  | padding-bottom: env(safe-area-inset-bottom); | 
|---|
|  |  |  | box-sizing: border-box; | 
|---|
|  |  |  | position: fixed; | 
|---|
|  |  |  | bottom: 0; | 
|---|