|
|
@@ -10,8 +10,7 @@
|
|
|
</uni-easyinput>
|
|
|
</view>
|
|
|
<!-- 条件选择器 -->
|
|
|
- <view class="filter_picker">
|
|
|
- <!-- 通知类型筛选 -->
|
|
|
+ <view class="filter_picker" v-if="showFilterPicker">
|
|
|
<picker mode="selector" v-for="(item,index) in filterPickerData" :key="index" :range="item" :value="state.pickerIndex" @change="handleTypeChange" style="width: calc((100% - 32rpx * 2) / 3);">
|
|
|
<view class="filter_item">
|
|
|
<text class="filter_text">{{ item[state.pickerIndex] }}</text>
|
|
|
@@ -20,7 +19,7 @@
|
|
|
</picker>
|
|
|
</view>
|
|
|
<!-- tabs -->
|
|
|
- <scroll-view class="scroll_tabs" scroll-x="true" scroll-left="0" :show-scrollbar="false">
|
|
|
+ <scroll-view v-if="showTabs" class="scroll_tabs" scroll-x="true" scroll-left="0" :show-scrollbar="false">
|
|
|
<view :class="['tab_item',{'selected':item.sortType==state.tabsSelected}]" v-for="item in tabList" :key="item.sortType" @click="SelectMenu(item.sortType)">
|
|
|
{{item.name}}
|
|
|
</view>
|
|
|
@@ -73,6 +72,14 @@
|
|
|
tabList:{//tabs
|
|
|
type:Array,
|
|
|
default:()=>[]
|
|
|
+ },
|
|
|
+ showFilterPicker:{//是否显示条件选择器
|
|
|
+ type:Boolean,
|
|
|
+ default:false
|
|
|
+ },
|
|
|
+ showTabs:{//是否显示条件选择器tabs
|
|
|
+ type:Boolean,
|
|
|
+ default:false
|
|
|
}
|
|
|
});
|
|
|
const state = reactive({
|