com_screen.wxml 4.39 KB
<!-- 点击筛选的优化 -->
<view hidden="{{!openFilterModal}}">
	<view bindtap="closeFilterModal" class="cover-layer" style="z-index:1000"></view>
	<view class="filter-modal">
		<!-- 顶部标题 -->
		<view class="flex jc-center ai_c t-c" style="height:80rpx">
			筛选
			<icon bindtap="closeFilterModal" class="modal-close" color="gray" size="22" type="cancel"></icon>
		</view>
		<view class="filter-box" wx:if="{{screen_cate && screen_cate.length > 0}}">
			<view class="f_cate_item fs28">
				<text>分类</text>
				<view class="fs24 flex jc-center ai_c" style="color:#666" bindtap="open_more"  data-type="1">
					<block wx:if="{{fil_cate_state==0}}"><text>全部展开</text><text class="iconfont icon-arrow_down"></text></block>
					<block wx:if="{{fil_cate_state==1}}"><text>收起</text><text class="iconfont icon-arrow_down up_ar" ></text></block>
					<block wx:if="{{fil_cate_state==2}}"><text>展开</text><text class="iconfont icon-arrow_down"></text></block>
				</view>
			</view>
			<view class="filter-items fs26 {{fil_cate_state==0?'normal_to':(fil_cate_state==2?'back_to':'') }}   " style="padding:0 20rpx">
				<block wx:for="{{screen_cate}}">
					<view bindtap="filterGoods" data-type="1" data-index="{{index}}" class="f_cate_item">{{item.name}}
					</view>
				</block>
			</view>
		</view>

		<view class="filter-box" wx:if="{{screen_nation && screen_nation.length>0}}">
			<view class="f_cate_item fs28">国别
				<view class="fs24 flex jc-center ai_c" style="color:#666" bindtap="open_more"  data-type="2">
					<block wx:if="{{fil_nation_state==0}}"><text>全部展开</text><text class="iconfont icon-arrow_down"></text></block>
					<block wx:if="{{fil_nation_state==1}}"><text>收起</text><text class="iconfont icon-arrow_down up_ar" ></text></block>
					<block wx:if="{{fil_nation_state==2}}"><text>展开</text><text class="iconfont icon-arrow_down"></text></block>
				</view>
			</view>
			<view class="filter-items mgt20 fs26 {{fil_nation_state==0?'normal_to':(fil_nation_state==2?'back_to':'') }}    ">
				<block wx:for="{{screen_nation}}">
					<view wx:if="{{item.name}}" bindtap="filterGoods" data-type="2" data-index="{{index}}"
						  class="filter-item">{{item.name}}
					</view>
				</block>
			</view>
			<view style="clear:both"></view>
		</view>
		<view class="filter-box" wx:if="{{screen_brand && screen_brand.length > 0}}">
			<view class="f_cate_item fs28">品牌
				<view class="fs24 flex jc-center ai_c" style="color:#666" bindtap="open_more"  data-type="3">
					<block wx:if="{{fil_brand_state==0}}"><text>全部展开</text><text class="iconfont icon-arrow_down"></text></block>
					<block wx:if="{{fil_brand_state==1}}"><text>收起</text><text class="iconfont icon-arrow_down up_ar" ></text></block>
					<block wx:if="{{fil_brand_state==2}}"><text>展开</text><text class="iconfont icon-arrow_down"></text></block>
				</view>

			</view>
			<view class="filter-items mgt20 fs26 {{fil_brand_state==0?'normal_to':(fil_brand_state==2?'back_to':'') }}    ">
				<block wx:for="{{screen_brand}}">
					<view wx:if="{{item.name}}" bindtap="filterGoods" data-type="3" data-index="{{index}}"
						  class="filter-item">{{item.name}}
					</view>
				</block>
			</view>
			<view style="clear:both"></view>
		</view>
		<view class="filter-box" wx:if="{{screen_price}}">
			<view class="f_cate_item fs28">价格
				<view class="fs24 flex jc-center ai_c" style="color:#666" bindtap="open_more"  data-type="4">
					<block wx:if="{{fil_price_state==0}}"><text>全部展开</text><text class="iconfont icon-arrow_down"></text></block>
					<block wx:if="{{fil_price_state==1}}"><text>收起</text><text class="iconfont icon-arrow_down up_ar" ></text></block>
					<block wx:if="{{fil_price_state==2}}"><text>展开</text><text class="iconfont icon-arrow_down"></text></block>
				</view>

			</view>
			<view class="filter-items mgt20 fs26 {{fil_price_state==0?'normal_to':(fil_price_state==2?'back_to':'') }}    ">
				<block wx:for="{{screen_price}}">
					<view bindtap="filterGoods" class="filter-item" data-type="4" data-index="{{index}}">{{item.name}}
					</view>
				</block>
			</view>
			<view style="clear:both"></view>
		</view>

		<view class="flex jc_sb ai_c" style="padding:0 20rpx">
			<view bindtap="clear_fil" class="fil_btn fil_cancle">取消筛选</view>
			<view bindtap="closeFilterModal" class="fil_btn fil_sure">确定</view>
		</view>

		<view class="filter-box" style="height:30rpx"></view>
	</view>
</view>