mz666
/
bocai_supplyChain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

筛选样式

Browse Source
cyl/dev
wangxia 1 year ago
parent 4eaa130560
commit f55d6b4c2f
3 changed files with 294 additions and 234 deletions
Show Stats Download Patch File Download Diff File

50
pages/firstBill/index.js
Unescape Escape View File

@ -13,6 +13,39 @@ Page({
toped: "1",
jobNum: 0, // 48小时更新职位数
currCode: '',
anchorList: [
{
id: 'age',
name: '年龄'
},
{
id: 'gender',
name: '性别'
},
{
id: 'class',
name: '分类'
},
{
id: 'xzfl',
name: '薪资福利'
},
{
id: 'ssbz',
name: '宿舍保障'
},
{
id: 'bzxx',
name: '班制休息'
},
{
id: 'msts',
name: '面试特色'
}, {
id: 'qtts',
name: '其他特色'
}
],
colorList: [{
color: '#1890ff',
background: '#ccc'
@ -151,6 +184,7 @@ Page({
halfHide: true, // 智能匹配显示一半控制
topNum: 0,
scrollTo: "", // 列表滚动的控制
filterTo: 'age',// 筛选锚点控制
navList: [],
bannerList: [],
/**
@ -669,7 +703,7 @@ Page({
data: {
type: 90,
industry: 2,
hasJob:1
hasJob: 1
}
}).then((res) => {
wx.setStorageSync("FILTER_LIST", res.data.data);
@ -4767,5 +4801,19 @@ Page({
}).catch(() => {
})
},
goAnchor (e) {
console.log(e.currentTarget.dataset.item.id);
let id
if (e.currentTarget.dataset.item) {
id = e.currentTarget.dataset.item.id
}
this.setData({
filterTo: id
})
},
catchScrollInfo (e) {
console.log(e);
},
});

69
pages/firstBill/index.wxml
Unescape Escape View File

@ -109,9 +109,13 @@
<i class="iconfont icon-jiaobiao f4 c3 fst ml4" style="height:22px" wx:if="{{(selectJobList.length <= 0 && selectBrandList.length <= 0)}}" data-type="special"></i>
<i wx:if="{{selectJobList.length > 0||selectBrandList.length > 0}}" class="specialnum ml4" catchtap style="display:inline-block" data-type="special">{{selectJobList.length + selectBrandList.length }}</i>
<!-- catchtap="hideLeft" -->
<scroll-view class="gjFixed" catchtouchmove="modalMove" wx:if="{{whichOneShow == 'special'}}">
<scroll-view scroll-y="{{true}}" catchtap class="filterBox filterContainer">
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="gjFixed" catchtouchmove="modalMove" wx:if="{{whichOneShow == 'special'}}">
<view class="filterContainer filterBox" style hover-class="none" hover-stop-propagation="false">
<scroll-view class style="padding:" scroll-y="{{true}}" hover-class="none" hover-stop-propagation="false">
<view class="{{item.id == filterTo ? 'filterActive' : ''}} br4" style="width:80px;padding:12px 0" wx:for="{{anchorList}}" wx:for-item="item" catchtap="goAnchor" data-item="{{item}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</view>
</scroll-view>
<scroll-view style="width:calc(100% - 100px);padding:8px" bindscroll="catchScrollInfo" data-filterTo='{{filterTo}}' catchtap scroll-y="{{true}}" scroll-into-view="{{filterTo}}" scroll-with-animation="{{true}}">
<view class="sub" id="age" hover-class="none" hover-stop-propagation="false">
<view class="title">年龄（岁）</view>
<view class="content por" style="justify-content:space-between">
<!-- <view class="slider_value" style="position: absolute;top: -10px;left: 10px;color: var(--color-ysd);" hover-class="none" hover-stop-propagation="false">{{userAge == 60 ? userAge + '+' : userAge }}</view>
@ -120,53 +124,54 @@
<view class hover-class="none" hover-stop-propagation="false">{{minAge + '-'}}</view>
<view class hover-class="none" hover-stop-propagation="false">{{maxAge == 60 ? maxAge + '+' : maxAge }}</view>
</view>
<range-slider height="50" block-size="50" min="16" max="60" values="{{rangeValues}}" bindrangechange="onRangeChange" activeColor="var(--color-ysd)"></range-slider>
<range-slider height="50" block-size="50" min="16" max="60" width="{{530}}" values="{{rangeValues}}" bindrangechange="onRangeChange" activeColor="var(--color-ysd)"></range-slider>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="sub" id="gender" hover-class="none" hover-stop-propagation="false">
<view class="title">性别</view>
<!-- wx:if="{{index != filterData.sex.length - 1}}" -->
<view class="content" style="justify-content:space-between">
<span wx:for="{{filterData.sex}}" catchtap="setActive" wx:key="index" data-type="sex" data-id="{{item.id}}" style="margin-right:{{index == filterData.sex.length - 1? '0':''}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="sub" id="class" hover-class="none" hover-stop-propagation="false">
<view class="title">分类</view>
<view class="content">
<span wx:for="{{filterData.classifyList}}" catchtap="setActive" wx:key="index" data-type="classifyList" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="sub" id="xzfl" hover-class="none" hover-stop-propagation="false">
<view class="title">薪资福利</view>
<view class="content">
<span wx:for="{{filterData.jobFilter.tagArray1}}" catchtap="setActive" wx:key="index" data-type="jobFilter" data-arr="tagArray1" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="sub" id="ssbz" hover-class="none" hover-stop-propagation="false">
<view class="title">宿舍保障</view>
<view class="content">
<span wx:for="{{filterData.jobFilter.tagArray3}}" catchtap="setActive" wx:key="index" data-type="jobFilter" data-arr="tagArray3" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="sub" id="bzxx" hover-class="none" hover-stop-propagation="false">
<view class="title">班制休息</view>
<view class="content">
<span wx:for="{{filterData.jobFilter.tagArray0}}" catchtap="setActive" wx:key="index" data-type="jobFilter" data-arr="tagArray0" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="sub" id="msts" hover-class="none" hover-stop-propagation="false">
<view class="title">面试特色</view>
<view class="content">
<span wx:for="{{filterData.jobFilter.tagArray4}}" catchtap="setActive" wx:key="index" data-type="jobFilter" data-arr="tagArray4" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="sub" id="qtts" hover-class="none" hover-stop-propagation="false">
<view class="title">其他特色</view>
<view class="content">
<span wx:for="{{filterData.jobFilter.tagArray2}}" catchtap="setActive" wx:key="index" data-type="jobFilter" data-arr="tagArray2" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
</scroll-view>
</view>
<view class="btnBox bt1" catchtap>
<button class="clearFilter" hover-class="thover" style data-type="innerclear" bindtap="clearFilter1">清除</button>
<button class="normalBtn loginOut" hover-class="thover" style="max-width:178px" bindtap="toList">确定</button>
@ -208,7 +213,7 @@
</view>
</view>
</view>
</scroll-view>
</view>
</view>
</view>
</view>
@ -791,9 +796,8 @@
<i class="iconfont icon-huadong f12 ml4 {{leftShow?'rotate':''}}"></i>
</view>
</scroll-view>
</view>
<!-- 简版抽屉 -->
<bottom-drawer show="{{drawerShow}}" drawerType="drawerShow" bindhidedrawer="hidedrawershow" class="bottomDrawer" height="calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px)" hideTabbar="{{true}}">
<!-- 简版抽屉 -->
<bottom-drawer show="{{drawerShow}}" drawerType="drawerShow" bindhidedrawer="hidedrawershow" class="bottomDrawer" height="calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px)" hideTabbar="{{true}}">
<!-- <view slot="title" class hover-class="none" hover-stop-propagation="false"></view> -->
<view class="fss bb1" style="padding:6px 16px" slot="title">
<view class hover-class="none" style hover-stop-propagation="false">
@ -843,9 +847,9 @@
</view>
</scroll-view>
</view>
</bottom-drawer>
<!-- 复制确认框显示 -->
<bottom-drawer show="{{notarizeDrawerShow}}" drawerType="notarizeDrawerShow" bindhidedrawer="hidedrawershow" cancerShow="{{false}}" touchClose="{{false}}" class="bottomDrawer" titleText="智能匹配" height>
</bottom-drawer>
<!-- 复制确认框显示 -->
<bottom-drawer show="{{notarizeDrawerShow}}" drawerType="notarizeDrawerShow" bindhidedrawer="hidedrawershow" cancerShow="{{false}}" touchClose="{{false}}" class="bottomDrawer" titleText="智能匹配" height>
<view class hover-class="none" style="background-color:#f5f5f5" hover-stop-propagation="false">
<view class="weui-actionsheet__menu bgf">
<view aria-role="button" class="weui-actionsheet__cell" bindtap="copyClose">直接复制</view>
@ -855,27 +859,27 @@
<view aria-role="button" class="weui-actionsheet__cell bgf mt8 chref pb32" bindtap="hideNotarize">取消</view>
</view>
</view>
</bottom-drawer>
<!-- 复制编辑框显示 -->
<bottom-drawer show="{{clipboardDrawerShow}}" drawerType="clipboardDrawerShow" bindhidedrawer="hidedrawershow" class="bottomDrawer" touchClose="{{false}}" titleText="智能匹配" height="calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px)">
</bottom-drawer>
<!-- 复制编辑框显示 -->
<bottom-drawer show="{{clipboardDrawerShow}}" drawerType="clipboardDrawerShow" bindhidedrawer="hidedrawershow" class="bottomDrawer" touchClose="{{false}}" titleText="智能匹配" height="calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px)">
<view class="title tac" style="padding:16px 16px" slot="title">以下文本可编辑</view>
<scroll-view scroll-y="{{true}}" style="height:80%;padding: 0 16px" class="editorBox">
<editor id="editor" class="ql-container" style="height:98%" bindstatuschange="onStatusChange" bindready="onEditorReady"></editor>
</scroll-view>
<button class="normalBtn loginOut" hover-class="thover" style="width:260px !important" bindtap="copyClose1">复制</button>
</bottom-drawer>
<canvas type="2d" style="position: absolute;left:-2000px; width: 425px; height: 350px; background: #fff;" id="canvasId"></canvas>
<!-- 海报分享框显示 -->
<bottom-drawer show="{{posterShow}}" drawerType="posterShow" catchtouchmove="modalMove" bindhidedrawer="hidedrawershow" class="bottomDrawer" touchClose="{{false}}" height="calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px)">
</bottom-drawer>
<canvas type="2d" style="position: absolute;left:-2000px; width: 425px; height: 350px; background: #fff;" id="canvasId"></canvas>
<!-- 海报分享框显示 -->
<bottom-drawer show="{{posterShow}}" drawerType="posterShow" catchtouchmove="modalMove" bindhidedrawer="hidedrawershow" class="bottomDrawer" touchClose="{{false}}" height="calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px)">
<view class="showDrawercontent">
<image class="posterImg" src="{{posterImg}}" show-menu-by-longpress="{{true}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror bindload></image>
</view>
<view class="showDrawerbottom">
<button class="normalBtn loginOut" bindtap="saveToalbum">保存到相册</button>
</view>
</bottom-drawer>
<!-- 智能匹配下侧抽屉 -->
<bottom-drawer show="{{leftShow}}" drawerType="leftShow" bindhidedrawer="hidedrawershow" titleText="智能匹配" height="calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px)" hideTabbar="{{true}}">
</bottom-drawer>
<!-- 智能匹配下侧抽屉 -->
<bottom-drawer show="{{leftShow}}" drawerType="leftShow" bindhidedrawer="hidedrawershow" titleText="智能匹配" height="calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px)" hideTabbar="{{true}}">
<!-- <view slot="title" class hover-class="none" hover-stop-propagation="false"></view> -->
<view slot="title" class="tac" style="height:54px;line-height:54px" hover-class="none" hover-stop-propagation="false">智能匹配</view>
<scroll-view scroll-y="{{true}}" class="left_drawer_container">
@ -968,8 +972,8 @@
<button class="clearFilter" hover-class="thover" style="min-width:112px" data-type="innerclear" bindtap="smartClear">清除</button>
<button class="normalBtn loginOut" hover-class="thover" bindtap="smartSub">确定</button>
</view>
</bottom-drawer>
<view class="leftBox dn" hover-class="none" hover-stop-propagation="false">
</bottom-drawer>
<view class="leftBox dn" hover-class="none" hover-stop-propagation="false">
<view class="mask" wx:if="{{leftShow}}" catchtouchmove="modalMove" bindtap="hideLeft"></view>
<view class="hideBox {{leftShow ? 'leftShow':''}}" style="height: calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px);" bindtouchstart="filterTouchStart" catchtouchmove="filterTouchMove">
<view class="tac bb1 fw500 por" hover-class="none" hover-stop-propagation="false">
@ -1067,8 +1071,8 @@
<button class="normalBtn loginOut" hover-class="thover" bindtap="smartSub">确定</button>
</view>
</view>
</view>
<view aria-role="dialog" aria-modal="true" catchtouchmove="modalMove" class="fadeIn" wx:if="{{gzhDialog}}">
</view>
<view aria-role="dialog" aria-modal="true" catchtouchmove="modalMove" class="fadeIn" wx:if="{{gzhDialog}}">
<view class="weui-mask" style="z-index:1000"></view>
<view class="weui-dialog contact" style="box-sizing:border-box;">
<view class="weui-dialog__hd">
@ -1078,4 +1082,5 @@
<view class="f14" hover-class="none" hover-stop-propagation="false">实时了解工单状态变化</view>
</view>
</view>
</view>
</view>

15
pages/firstBill/index.wxss
Unescape Escape View File

@ -1353,14 +1353,21 @@ button.collect icon::before {
}
.filterContainer {
padding: 0 10px;
height: calc(40vh - 64px);
display: flex;
justify-content: space-between;
overflow: hidden;
height: 60vh;
/* padding: 0 10px; */
/* height: calc(40vh - 64px); */
/* height: 100%; */
/* width: calc(100%); */
box-sizing: border-box;
background-color: #fff;
padding-bottom: 10px;
padding-bottom: 4px;
}
.filterActive{
background-color: #eee;
}
.left_drawer_container {
padding: 0 16px;
/* width: calc(100%); */

Write Preview
Loading…
Cancel
Save